前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ? 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 2 ...
分类：
其他好文 时间：
2018-11-27 22:15:57
阅读次数：
239
第1章 课程简介对课程做简单的介绍。 1-1 课程简介第2章 资源合并与压缩通过本章，我们学习和理解了web前端的概念，以及性能优化的意义所在，并且通过实战中的压缩与合并，深入理解了减少http请求数和减少http请求资源大小两个优化要点，并且通过实战，帮助学生掌握如何通过网站进行压缩与合并，如果使 ...
分类：
Web程序 时间：
2018-11-24 11:30:28
阅读次数：
219
1.ajax的原理？ new XMLHttpRequest/ActiveXObject() 2.html语义化 3.web前端性能优化的方法有哪些？ 1. 减少http请求数 2. 减少dom数 3. 优化图片加载，可用css spirite 4. 使用CDN 5. 将样式表放在头部 6. 将JS脚 ...
分类：
其他好文 时间：
2018-11-18 13:06:42
阅读次数：
105
一、重排 & 重绘 有经验的大佬对这个概念一定不会陌生，“浏览器输入URL发生了什么”。估计大家已经烂熟于心了，从计算机网络到JS引擎，一路飞奔到浏览器渲染引擎。 经验越多就能理解的越深。 感兴趣的同学可以看一下这篇文章，深度和广度俱佳： 《从输入 URL 到页面加载的过程？如何由一道题完善自己的前 ...
分类：
其他好文 时间：
2018-11-15 20:16:09
阅读次数：
129
前言，最近利用碎片时间拜读了一下尼古拉斯的另一巨作《高性能JavaScript》，今天写的文章从“老生常谈”的页面重绘和重排入手，去探究这两个概念在页面性能提升上的作用。 一.重排 & 重绘 有经验的大佬对这个概念一定不会陌生，“浏览器输入URL发生了什么”。估计大家已经烂熟于心了，从计算机 ...
分类：
其他好文 时间：
2018-11-13 14:15:42
阅读次数：
180
前言： 在同样的网络环境下，两个同样能满足你的需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Google网站访 ...
分类：
Web程序 时间：
2018-11-03 11:15:11
阅读次数：
198
### 前端性能优化从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。网站的性能直接会影响到用户的数量，所有前端性能优化很重要。前端性能优化分为如下几个方面：### 一、代码部署：```1、代码的压缩与合并2、图片、js ...
分类：
Web程序 时间：
2018-10-27 21:15:57
阅读次数：
143
最近在用webpack优化首屏加载性能，通过几种插件之后我们上线前后的速度快了一倍，在此就简单的分享下吧，先上个优化前后首屏渲染的对比图。 可以看到总下载时间从3800ms缩短到1600ms。 我们在用webpack时一般都会选择多入口文件吧，为的就是将自己的源码跟第三方库代码分离。这是之前的代码， ...
分类：
Web程序 时间：
2018-10-20 12:51:18
阅读次数：
230
1.精通Vue，js，React，Node，js等主流开发框架； 2.精通微信小程序，微信号公众号开发； 3.掌握至少一种前端自动化构建工具，如grunt，gulp，browserity，webpack等； 4.熟悉前端性能优化方法，如发包压缩，资源懒加载，CDN加速等，熟悉SEO优化更佳； 5.对 ...
分类：
Web程序 时间：
2018-10-16 13:35:30
阅读次数：
172
下载地址：百度网盘下载 第1章 课程简介对课程做简单的介绍。第2章 资源合并与压缩通过本章，我们学习和理解了web前端的概念，以及性能优化的意义所在，并且通过实战中的压缩与合并，深入理解了减少http请求数和减少http请求资源大小两个优化要点，并且通过实战，帮助学生掌握如何通过网站进行压缩与合并， ...
分类：
Web程序 时间：
2018-10-09 21:48:01
阅读次数：
263
