![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
高性能
文章平均质量分 52
日积一步
每天保持一小步,十天就是一大步!
展开
-
项目codereview心得
codereview目的:及早的发现代码功能上的缺陷与不足; 及时的纠正代码中不符合统一规范的地方; 促进团队成员之间的相互学习,相互促进的重要环节; 团队建设;在软件工程中,建议在提测之前,进行一次全面代码审查,其次,在上线之前1天,再做一次测试阶段修改的代码审核;检测方面:代码规范,如:命名、空格、缩进、大小写等; 代码稳定性,如:函数参数容错能力、循环边界处理; 代码精炼程度,如:不存在多余代码、重复代码、注释代码; 代码注释,如:说明需要什么物料(参数),有什么特别的地方,原创 2021-09-16 11:55:35 · 153 阅读 · 0 评论 -
高级之路篇四:高性能html
1、避免使用Iframe 在页面加载过程中iframe元素会阻塞父文档onload事件的触发,即使是空的iframe,其开销也是非常昂贵的,鉴于iframe的高开销,我们应尽量避免使用。尤其是对于移动设备,对于目前大部分还是只有有限的CPU与内存的情况下,更应避免使用iframe。如果一定要用,使用sandbox控制其权限,并使用js主文档加载完成时才设置src属性,这样能尽快...原创 2019-04-24 16:52:50 · 214 阅读 · 0 评论 -
高级之路篇二:高性能css
前言:能被浏览器快速解析和匹配的css选择器,我认为就是高效的选择器。就是优美的样式文件。一些原则:1、避免使用通配符2、避免使用标签选择器和单个属性选择器作为关键选择器3、不要在id选择器前加标签名4、尽量不要在选择符定义过多层级,层级越少,同时也降低了css和dom结构的耦合程度,提高样式的可维护性css中与图片相关的名词:雪碧图:优点:是将零散的图片合并...原创 2019-04-24 16:34:11 · 188 阅读 · 0 评论 -
高级之路篇一:从浏览器渲染开始
前言:了解并理解浏览器的渲染原理流程,对我们的性能优化有着至关重要的作用。至于渲染引擎,我们大可忽略,知道这个概念就行。流程如下:1、下载html文本文件,生成dom树。2、下载css文件,解析CSS生成CSSOM规则树。3、将DOM树与CSSOM规则树合并在一起生成渲染树。4、遍历渲染树开始布局,计算每个节点的位置大小信息。5、将渲染树每个节点 逐个 绘制到屏幕。...原创 2019-04-24 15:31:33 · 222 阅读 · 0 评论 -
高级之路篇十一:前端看http协议以及http协议上能做的事情
http协议其实就是超文本传输协议。http协议是建立在tcp/ip协议之上的应用层协议,主要包括三个部分,状态行,头部信息,消息主体。对应一个http请求就是:请求行,请求头,请求体。通信流程:用户输入url地址,发送一个request ----- >从离自己最近的ip地址开始向外寻找(这就是外国网站比较满的原因之一),找到服务器 ------>服务器处理完成后...原创 2019-04-28 11:53:22 · 330 阅读 · 0 评论 -
高级之路篇十:高性能动画
前端领域,时常会与动画打交道,现盘点一下啰!1、@keyframes,需要注意的是需要兼容处理,优点在于能够创建循环动画。animation: nameduration timing-function | delay | iteration-count | direction@keyframes mymove{ 0% {top:0px;} 25% {...原创 2019-04-27 10:05:33 · 243 阅读 · 0 评论 -
高级之路篇七:webpack打包性能优化
1、只加载与首屏相关的资源文件。如在vue或react框架中采用路由懒加载、按需加载的方式,减少首页需要载入的资源。2、延迟加载或按需加载。script标签上加上async、defer async: 1)使得script脚本异步的加载并在允许的情况下执行; 2)async的执行,并不会按着script在页面中的顺序来执行,而是谁先加载完谁执行...原创 2019-04-26 15:20:48 · 905 阅读 · 0 评论 -
js之变量、数据、内存篇
内存:用于存放变量、对象、常量的物理空间。js中内存空间可分为三种:栈(stack)、堆(heap)、池(一般归类于栈中)。->栈:存放变量,特点:先进后出,后进先出。例如:string、number、boolean、null、undefined->堆:存放复杂对象,特点:不能被直接访问,更不能直接操作堆空间,只能引用访问、操作。释放引用,会被浏览器自动垃圾回收,释放内存空间。例如...原创 2019-03-28 11:28:38 · 897 阅读 · 0 评论 -
高级之路篇三:高性能js
脚本1、将所有<script>标签放在尽可能接近<body>标签底部的位置,尽量减少对整个页面下载的影响;2、减少引用外部脚本文件的数量;3、将脚本成组打包。页面的 <script>标签越少,页面的加载速度就越快,响应也更加迅速。不论外部脚本文件还是内联代码都是如此。函数作用域4、在JavaScript 中,数据存储位置可以...原创 2016-11-11 14:36:42 · 2206 阅读 · 0 评论