本文主要考虑客户端性能、服务器端和网络性能，内容框架来自Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名…

在项目中，自定义了一个组件，在点击子组件时，触发选中事件，并通过$emit，将子组件的数据传递给父组件，另外有一个全选按钮来触发子组件的全部选中。本来按照设想，子组件的事情交给子组件处理，在修改子组件的状态时通过$emit来进行数据交互，但是在数据量超出一定程度时，$emit很…

身为一个程序员 🧑‍💻 ，不会还有人手动一张张上传图片压缩吧 🌝 ？通过封装好的工具，就能实现自动压缩项目内的图片，彻底释放双手 🤲 ！

打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！

关于首屏优化，我做了哪些 前段时间领导突然找到我，说新项目的访问怎么变得这么慢，我立马访问对应页面，果然，首页加载8、9s，这近10s的等待时间，对于用户来说，无疑是痛苦的。于是乎领导就把这个首页加载

Vue项目的页面是使用的虚拟路由，页面内容是靠vue-router配置的路由链接来访问的，SPA单页面应用开发，适合开发后台系统，但是对搜索引擎不友好，因为最后只生成一个页面。 搜索引擎是靠页面的链接来爬取网页内容，然后搜录进去搜索引擎数据库的，而vue打包以后的项目只有一个页…

1. 前言 如果您只是为了copy代码实现功能，建议您不要看这篇博客了。如果您是copy了代码实现了功能，想回来了解具体的实现流程、实现原理以及部分科普，我觉得本篇博客能给你带来不小的收获。 2. 任务背景 最近的项目有一个技术场景，简单来说就是用户需要上传图片至服务器。就是这…

如果已安装旧版本，需要先npm uninstall vue-cli -g 卸载掉旧版本。 注：项目名称不能驼峰命名。 如果选择 y 会让输入名称，以便下次直接使用，否则直接开始初始化项目。 这样的好处是方便管理、后期维护，还可以和后端的微服务对应，建立多文件存放不同模块的api…

懒加载或“按需”加载是优化站点或应用程序的一个好方法。这种实践基本上涉及到在逻辑断点处拆分代码，然后在用户完成需要新代码块的操作后加载它。这会加速应用程序的初始负载，并减轻其整体重量，因为某些块甚至可能永远不会加载。懒加载并不是webpack才有的，只不过是webpack支持这…