学与思


  • 首页

  • 归档

  • 分类

  • 标签

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中定义 ...
阅读全文 »
1…3456
张小飞

张小飞

自强不息 && 知行合一

27 日志
9 分类
17 标签
© 2019 张小飞
由 Hexo 强力驱动
|
主题 — NexT.Mist v5.1.4