本文主要考量客户端性能、服务器端和网络性能，内容框架来自  Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 同时，建议关注及时更新的  G

**问题描述：**在一个三段式的 navbar 中，各段下面有一个长图（类似这样的） 在优化之前需要加载三张大图这无疑增加了资源请求数量 因此，我想到了将图片转换为背景以此减少请求没想到方案是可行的，上代码 <

对于实现页面逻辑交互等效果，我们必须知晓 vue 的生命周期，才能愉快的玩耍，知道我们写的东西应该挂载到哪里，vue 官方给出的 api 讲解的那叫一个简单啊，如下： 所有的生命周期钩子自动绑定 this 上下文到实例中，因此你可以访问数据

Vuex 是一个专为 Vue 服务，用于管理页面数据状态、提供统一数据操作的生态系统。它集中于 MVC 模式中的 Model 层，规定所有的数据操作必须通过  action - mutation - state change  的流程来进行

Vue 框架的入口就是 Vue 实例，其实就是框架中的 view model ，它包含页面中的业务处理逻辑、数据模型等，它的生命周期中有多个事件钩子，让我们在控制整个 Vue 实例的过程时更容易形成好的逻辑。 Vue 实例在文档中经常会使用

一、git 命令名词解释 1、添加/跟踪/暂存：添加到本地索引 git add 文件名 2、提交：提交到本地仓库 git commit -m ‘注释’ 3、推送：将提交到本地仓库的所有更新提交到服务器 git push