性能优化
文章平均质量分 87
BUT昊
联系方式:
邮箱:1452806@tongji.edu.cn
手机:15068206281
展开
-
Javascript性能优化(一) - 基本性能优化
加载和执行 当浏览器解析到JS代码时,无论是内嵌代码还是外链文件,网页都会停下来等待代码的下载和执行(阻塞)。能用GET请求尽量别用POST Post请求会先发一个header再发数据,即会请求服务器两次,而GET请求只需要一个TCP报文就能完成。多使用外部JS和CSS文件 原因很简单,因为浏览器会对文件缓存,当不同页面调用相同文件时文件会被重复使用。原创 2017-08-21 11:06:39 · 1221 阅读 · 0 评论 -
Javascript性能优化(二)- 数据访问优化
目录目录数据访问Scope优化数据检索原型原型链缓存对象成员的值总结数据访问 数据的存储位置,关系到代码运行时数据被检索到的速度,JS中有四种数据存储位置:直接量、变量、数组、对象。其中直接量可能比较少听说,其实可以理解为表示匿名函数、匿名对象的一个变量,如var sum = function(a,b){return a+b},sum就是一个函数直接量。 四种数据存储位原创 2017-08-21 14:49:17 · 360 阅读 · 0 评论 -
Javascript性能优化(三) - 算法和流程控制优化
避免使用for/in循环 Javascript标准中,有四种类型循环:for,for/in,while,do while,其中唯一一个性能比其他明显慢的就是for/in。对于for/in的使用场景,更多的是针对不确定内部结构的对象的循环。for/in会枚举对象的命名属性,只有完全遍历对象的所有属性之后包括实例属性和原型属性,循环才会返回。正因为for/in循环需要搜索实例或者原型的属性,所以fo原创 2017-09-09 12:13:38 · 427 阅读 · 0 评论 -
前端目录页的优化
目录优化可能是一个很容易被忽略的问题,但是很多情况下会带来很多的问题,比如卡屏,比如交互体验差等。目录的常见实现方案1.真实分页:每次只加载一页目录,用户通过一定的操作(点击按钮或者上拉下拉)来请求服务器并获得新页面的目录内容。其缺点也是比较多的: 请求服务器的频率太高,用户通常情况下很难精确的知道想要看的章节在哪一页,那么势必会导致每次查阅目录都会请求多次服务器。 ...原创 2018-04-11 15:23:45 · 548 阅读 · 0 评论