当我们在PC端页面上滑动鼠标时，一秒可以可以触发约60次事件。大家也可以访问下面的在线例子进行测试。 查看在线例子： 函数节流-监听鼠标移动触发次数测试 by Logan (@logan70) on CodePen. 这里的回调函数只是打印字符串，如果回调函数更加复杂，可想而知…

基于虚拟 DOM 数据驱动的思想，最不提倡的就是 jquery 时代的 DOM 操作！但是在目前一些复杂的页面中经常还是会用 javascript 处理一些 DOM 元素，实现一些动态效果；最常见的是用到一些元素的位置和尺寸的计算，但是其中浏览器的兼容性问题也是不可忽略的一部分…

异步处理方式的改变。 为了实现这个功能，我们需要用到几个 Nodejs 的 API，所以我们来简单介绍一下。 readdir 方法用于读取目录，返回一个包含文件和目录的数组。 stat 方法的参数是一个文件或目录，它产生一个对象，该对象包含了该文件或目录的具体信息。此外，该对象…

总结了一些平时常用且好用的 VS Code 的插件和编辑技巧分享出来。 文章详情可查阅我的博客：https://lishaoy.net ，欢迎大家访问。 特别注意的是 "editor.lineHeight": 24, 和 "editor.fontFamily": "FiraCo…

上面的完整代码在github上，大家可以直接下载运行，有误的地方欢迎大家指正。

这时，我们就会用到一个方法是this.$nextTick（相信你也用过）。 nextTick是全局vue的一个函数，在vue系统中，用于处理dom更新的操作。vue里面有一个watcher，用于观察数据的变化，然后更新dom，vue里面并不是每次数据改变都会触发更新dom，而是…

（设置vue 单页面meta info信息，如果需要单页面SEO，可以和 prerender-spa-plugin形成更优的配合） 单页面应用在前端正大放光彩。三大框架 Angular、Vue、React，可谓妇孺皆知。随着单页面应用的普及，人们在感受其带来的完美的用户体验，极…

循环无缝自动轮播五张图，按左右箭头可以手动切换图片，鼠标点击轮播图下面按钮 1 2 3 4 5会跳转到对应的第1 2 3 4 5张图片。鼠标放到轮播图的图片上时不再自动轮播并且左右箭头显示出来，鼠标移开时左右箭头隐藏掉并且自动轮播。 布局：准备七张图片实现所谓的无缝轮播，固定七…

Koa 2.x 版本是当下最流行的 NodeJS 框架，Koa 2.0 的源码特别精简，不像 Express 封装的功能那么多，所以大部分的功能都是由 Koa 开发团队（同 Express 是一家出品）和社区贡献者针对 Koa对 NodeJS 的封装特性实现的中间件来提供的，用…