vue中引入mousewheel事件及其兼容性处理 发表于 2018-01-15 | 分类于 Vue 项目实现过程中需要对一个已经有纵向滚动条的table表格增加鼠标滚轮(mousewheel)事件,方便查看数据;其实现原理与我上一篇博客中的拖动事件类似,利用模拟出来的同一个滚动条来实现,滚动条设置的要点在于:1、滚动条与滚动槽的高度比例 应该等于 内容区(动态变化)和可视区的高度比例;滚动槽与可 ... 阅读全文 »
js实现常见的三种排序方法(冒泡排序、快速排序、归并排序) 发表于 2018-01-15 | 分类于 javascript 1、冒泡排序(升序): 比较相邻的数,依次找出较大的数往后放;具体原理:冒泡排序原理 123456789101112131415161718function popSort(arr){ let length = arr.length; if(length>1){ ... 阅读全文 »
vue-resource中设置全局拦截器遇到的两个问题 发表于 2018-01-15 | 分类于 Vue 1、vue项目,在main.js中设置了vue-resource的全局拦截器;某一页面采用定时器实现长连接,项目需求是获取当前页面的请求,在离开页面时将请求清除;因为要将请求存储到stroe中,所以需要在拦截器中使用对应组件的this,但使用时却发现,获取到的this并不是对应的组件实例;最终采用了 ... 阅读全文 »
vue引入element-ui 2.0 后报错问题解决措施 发表于 2018-01-15 | 分类于 ElementUI 按照element-ui官网提供的方法在vue中引入element2.0 后报错如下: 错误提示说element-icons引用出错,找不到合适的loader;去看依赖包目录时发现引用的文件如下: 后来才发现file-loader默认处理文件格式是不包含’.tff’和’.woff’的; 于是 ... 阅读全文 »
vue中引入mousedown事件和document的mousemove事件模拟table滚动条 发表于 2018-01-15 | 分类于 Vue vue项目中需要模拟表格的滚动条效果,涉及的事件就是mousedown、mouseup、mousemove;其中mousedown事件是绑定在滚动条上的,但是mousemove和mouseup事件则应该是绑定在document上,这样才能很好地实现滚动条的拖动; 首先在组件methods中定义 ... 阅读全文 »