今天主要给大家分享下本人在日常开发中关于 IntersectionObserver 的一些实际应用，关于 API 原理以及介绍大家可以阅读 Intersection Observer API - MDN 和 IntersectionObserver API 使用教程。 使用 I…

很明显，我们的对于用户的响应速度和界面渲染速度，提升了 50% 左右。 该工具已经在 npm 发了包，也在 git 提交了项目，有兴趣的可以去看看，顺便点个 star ，谢谢了。 已经有 n 久没有写过文章了，由于最近工作比较忙，而且项目当中对于前端性能还有架构方面的挑战性还是…

这是基于 vue-cli4 实现的移动端框架，其中包含项目常用的配置，组件封装及webpack优化方法，可供快速开发使用。 在一两年前，vue-cli3已经声驾到3.0+版本，但是由于旧项目一致习惯于vue-cli2的脚手架的使用，之前也写过一篇 搭建一个vue-cli的移动端…

先来一波名词解释。先上网上一张图解释： 1、module：我们源码目录中的每一个文件，在 webpack 中当作module来处理（webpack 原生不支持的文件类型，则通过 loader 来实现）。module组成了chunk。 2、chunk。webpack打包过程中的产…

狗蛋看了我的文章并重构了手上的项目，然而前端的重构带来的表现只停留在代码层面，上级也感受不到重构前后带来的差异。 回归到3年前，狗蛋刚踏入前端大门，他也只是个懵懂的切图仔，然而随着node和各种终端的兴起，前端在各个领域也都有了一席之地。 每个人都在想着做自动化，工程化，微服务…

1.2 第三方组件和插件。按需加载需引入第三方组件 通过 include、exclude 来减少被处理的文件。 extension 配置之后可以不用在 require 或是 import 的时候加文件扩展名,会依次尝试添加扩展名进行匹配。 alias 通过配置别名可以加快 we…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

好的断网处理会让人很舒适：lol的断线重连，王者荣耀的断线重连，可以确保游戏的继续进行。坏的断网处理甚至不处理会出bug。