jiao512的专栏

npx create-react-app jira --template typescript//问题一：项目中目录的引用，避免多个…/…/在tsconfig.json文件中加入baseUrl: “./src”,//问题二：团队统一的格式化规则，项目中安装格式化插件prettier// https://prettier.io/docs/en/install.html//第一步：yarn add --dev --exact prettier//第二步：echo {}> .prettie

网络请求过程以及浏览器的工作原理（主要是渲染原理），搞清楚这两个点，我们才有了优化的理论基础。前端首屏性能优化的知识点很多，很杂。我分成了两个大的方向：资源加载优化 和 页面渲染优化。资源加载优化减小资源大小减少Http请求次数提高Http响应速度优化资源加载时机优化加载方式资源加载优化主要是从大小、数量、速度、时机这几个基本方面进行优化，每一项优化最终都是对这四个基本面中一个或多个方面的优化页面渲染优化优化html代码，优化js和css代码，优化动画效果优化方向主要在以下几个方面

前端性能统计与优化1 为什么做这件事情2 前端性能指标3 如何统计与优化为什么做这件事情原因：页面速度影响用户体验，我们要不断加强用户体验。亚马逊：加载时间每增加100MS，就会减少1%销售。谷歌：加载10个结果0.4S，变成加载30个结果0.9S，降低20%的广告收入时间就是金钱效率就是生命前端性能监控目的目的：页面加载速度更快前端性能指标不就是页面加载完毕时间吗？ 图片页面加载顺序1，用户点击链接或者输入URL2，下载完header3，下载完html4，下载完成所有的

在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多，那么vendor.js文件体积将会相当的大，影响首开的体验。解决方法是，将引用的外部js、css文件剥离开来，不编译到vendor.js中，而是用资源的形式引用，这样浏览器可以使用多个线程异步将vendor.js、外部的js等加载下来，达到加速首开...