百度网盘下载 第1章 课程简介对课程做简单的介绍。第2章 资源合并与压缩通过本章，我们学习和理解了web前端的概念，以及性能优化的意义所在，并且通过实战中的压缩与合并，深入理解了减少http请求数和减少http请求资源大小两个优化要点，并且通过实战，帮助学生掌握如何通过网站进行压缩与合并，如果使用半 ...
分类：
Web程序 时间：
2018-09-26 20:49:42
阅读次数：
172
页面加载速度影响因素——前端性能 前端性能关键呈现路径所涉及的步骤： 1 . DOM：浏览器在解析HTML时，会以递增的方式为HTML标记生成一种名为文档对象模型（DOM）的树状模型， 该模型描述了网页中包含的内容 2 . CSSOM：浏览器收到所有CSS后，会对其中包含的标记和类生成一种名为CSS ...
分类：
其他好文 时间：
2018-09-21 00:33:25
阅读次数：
210
目录： 1. 项目有前后端分离和前后端不分离； 2. 前后端接口联调； 3.前端性能优化 ； 一、项目有前后端分离和前后端不分离： 在前后端不分离架构中，所有的静态资源和业务代码统一部署在同一台服务器上。服务器接收到浏览器的请求后，进行处理得到数据，然后将数据填充到静态页面中，最终返回给浏览器。 实 ...
分类：
其他好文 时间：
2018-09-03 02:18:27
阅读次数：
347
一、什么是按需加载 和异步加载script的目的一样(异步加载script的方法),按需加载/代码切割也可以解决首屏加载的速度。 什么时候需要按需加载 如果是大文件,使用按需加载就十分合适。比如一个近1M的全国城市省市县的json文件,在我首屏加载的时候并不需要引入,而是当用户点击选项的时候才加载。 ...
分类：
Web程序 时间：
2018-08-25 21:22:22
阅读次数：
255
Css Sprites Css Sprites我们叫做雪碧图或者css精灵，其原理就是将许多小的图片合到一张大的图片中，然后使用background-image引用图片，使用background-position来定位小图片在大图片中的具体位置，实现大图片中引用某个位置的小图片。 优点 ①减少页面的 ...
分类：
Web程序 时间：
2018-08-20 15:33:46
阅读次数：
200
懒加载和预加载的实现 提到前端性能优化中图片资源的优化,懒加载和预加载就不能不说,下面我用最简洁明了的语言说明懒加载和预加载的核心要点以及实现 懒加载 什么是懒加载 懒加载也就是延迟加载; 当访问一个页面时,先将img标签中的src链接设为同一张图片(这样就只需请求一次,俗称占位图), 将其真正的图 ...
分类：
Web程序 时间：
2018-08-06 13:41:12
阅读次数：
188
目录 前言 手写事件模型及事件代理/委托 前端性能优化 闭包原理及应用 手写Function.bind函数 手写数组快速排序/去重 JS的定义提升 跨域 JSONP原理 将url的查询参数解析成字典对象 函数节流 设计模式 css垂直居中方法 自适应布局 移动端自适应 其他关于前端 前言 春节前离职 ...
分类：
其他好文 时间：
2018-08-01 00:26:46
阅读次数：
182
Web前端性能优化——如何提高页面加载速度：https://www.cnblogs.com/MarcoHan/p/5297798.html Web前端性能优化——编写高效的JavaScript：http://www.cnblogs.com/MarcoHan/p/5315361.html Web前端性 ...
分类：
Web程序 时间：
2018-07-30 15:39:46
阅读次数：
132
前端性能优化方法： 一 . 减少http请求 （1）通过合并图片，减少请求，俗称css sprites(css精灵)css sprites （2）lazyload懒加载，在需要的时候再加载 1.定义：懒加载也称为延迟加载，图片需要用到的时候再去价值 2.用法：就是重写对象的get方法，当系统调用ge ...
分类：
Web程序 时间：
2018-07-29 19:03:30
阅读次数：
203
前言： 在同样的网络环境下，两个同样能满足你的需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Google网站访 ...
分类：
Web程序 时间：
2018-07-29 16:24:15
阅读次数：
197
