W3C,HTML5,xhtml+css,div+css,ajax代码之美,始终努力坚持写出漂亮高效的代码!
Pages: 1/44 First page 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 Next page Final page [ View by Articles | List ]
Jun 1
Oct 7
使用webpack的插件DllPlugin加快打包速度
https://segmentfault.com/a/1190000012925212
链接无法访问直接下载离线网页
Download ( 51 downloads)
Oct 7

webpack有各种包依赖,如果某个包版本之后会出现此类报错,修改package.json的包版本,重新执行npm i或者cnpm更新包到最新版本即可
Aug 28
IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题,于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式:

      还有一种情况,在IE8下只有不使用兼容模式页面才能显示正常,但是如果设定为IE8的模式,在IE9中却会导致CSS3失效。看来,需要针对 IE8、IE9 分别 禁用兼容模式。怎么办呢?可以在后台判断浏览器版本,如果是IE8就输出content="IE=8",如果是IE9就输出content="IE=9"。其实还可以单纯通过HTML来实现的,HTML代码如下:
  
        
      经测试后完美解决了兼容模式问题,这样设置后IE中设置兼容模式的按钮也会消失,可以按F12打开“开发人员工具”来检查浏览器模式。
Aug 24
HTML5 提供了两种在客户端存储数据的新方法:

localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储



然而,今天我要说的是“localStorage如何实现定时存储”,正常情况下,localStorage存入key-value后,可以永久使用(前提:不清理cookie操作).
但是,项目中,我们或许需要实现1.需要在间隔某段时间后,刷新所存的值;2.存储一段时间,而非永久;

解决思路,由于localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。所以我们需要在存取方面重新处理,先上代码:


那如何实现数据过期则查询后台的数据,数据未过期,就使用存储的数据呢?
ajax请求数据为例:

最后提醒各位, 1.使用此方式存储(包括localStorage,sessionStoraage),需注意用户隐私:重要机密信息就不要使用localStorage了,慎重使用,毕竟客户端都可以读取值。 2.localStorage比较适用于存储不经常更新且不太重要的数据。
Aug 21
本文基于 "element-ui": "^2.4.3", tree控件文档:https://element.faas.ele.me/#/zh-CN/component/tree#tree-shu-xing-kong-jian
这是个坑,如果遇到这个问题,先到git上看下人家的bug fix:https://github.com/ElemeFE/element/issues/4944  
然并卵,我这没搞定,通过下面方法搞定
Highslide JS
具体操作:
1、在tree外包一层div,给class=‘tree’
2、定义tree的样式
3、重写tree样式


代码:
template


style
Aug 21
在VUE单页应用项目开发过程树形中有一个需求,需要选中树形控件(可以是点击选中行或者复选框),但是只能选中一个。控件使用的是Element ui中的el-tree,但是找了一下并没有单选组件的API,慢慢琢磨中。
Highslide JS
1.el-tree组件
Highslide JS



2.主要是通过两个事件进行联合判断,

node-click节点被点击时的回调,check-change节点选中状态发生变化时的回调.

由于nodeClick被调用时checkChange也会被调用,因此需要一个editCheckId辅助避免出现因为联动导致选中状态错乱
Highslide JS

git项目地址:https://github.com/heyoju/vueDemo

Aug 15
我在vue.js中使用axios发送post请求到后台。提交的对象是vue中定义的。代码如下:
Pages: 1/44 First page 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 Next page Final page [ View by Articles | List ]