开发工具封装
5篇文章 · 0订阅
  • 基于 IntersectionObserver API 实现无限滚动组件
    在使用观察者 API 之前，vue-scorll-loader 1.x 版本是使用远古技术通过监听滚动条实现的，稍有常识的人都知道这种方式会有性能损耗 :-D，如今 Intersection Observer API 兼容性越来越好，再加上官方的 polyfill 就可以生产环…
    Vue.js
  • rollup 打包的 vue 版本的 lazy-load-img 图片懒加载插件
    支持 AMD、CMD、和页面直接引入使用
    ECMAScript 6 Vue.js
    rollup 打包的 vue 版本的 lazy-load-img 图片懒加载插件
  • 真.1px边框, 🚀 支持任意数量边和圆角, 1 个万金油的方法
    🚀 由于现在手机都是"高密度屏幕", 我们写的1px到了手机上会用2/3个物理像素点去显示, 这样1px边框看起来就会比较粗, 所以如果你也觉得自己的1px边框比较粗, 那么请往下看. 其实如果你百度"1px边框"会有很多文章, 大部分都会说有7种方法, 不过其实经过我的测试…
    CSS SCSS
  • 从0到1开发并测试Babel插件&Babel简易源码分析
    首先建议阅读 Babel Plugin Handbook，这份文档虽然比较老（2017），但是还是介绍了编写插件的基础知识。（当然这里还有一份不完整的中文版） Babylon -> @babel/parser： Babel 的解析器。最初是从 Acorn 项目 fork 出来的…
    Babel
  • 交叉观察器(intersectionObserver) Vue实战
    intersectionObserver解决什么问题？ intersectionObserver解决目标元素与视口产生一个交叉区，所以这个 API 叫做"交叉观察器"， 比如在web网页开发中，常常需要了解某个元素是否进入了"视口"（viewport），即用户能不能看到它。 传…
    • iDo
    • 8年前
    • 2.5k
    • 评论
    前端 Vue.js