
优化
日积一步
每天保持一小步,十天就是一大步!
展开
-
项目codereview心得
codereview目的:及早的发现代码功能上的缺陷与不足; 及时的纠正代码中不符合统一规范的地方; 促进团队成员之间的相互学习,相互促进的重要环节; 团队建设;在软件工程中,建议在提测之前,进行一次全面代码审查,其次,在上线之前1天,再做一次测试阶段修改的代码审核;检测方面:代码规范,如:命名、空格、缩进、大小写等; 代码稳定性,如:函数参数容错能力、循环边界处理; 代码精炼程度,如:不存在多余代码、重复代码、注释代码; 代码注释,如:说明需要什么物料(参数),有什么特别的地方,原创 2021-09-16 11:55:35 · 210 阅读 · 0 评论 -
前端工程化代码规则
编辑器:tab键,统一设置成4个空格css规则篇:1、全小写,符合语义化2、长名称或词组采用中横线“-”链接3、小于1的去掉小数点前的04、万不得已不能出现id选择器5、伪类选择器用一个冒号“:”,提高兼容性6、可继承的属性都应该被继承7、组合样式,提高css代码复用率8、文件顶部添加文件描述信息9、禁止使用通配符*10、尽量不要使用 !import...原创 2019-03-08 15:29:25 · 317 阅读 · 0 评论 -
js之变量、数据、内存篇
内存:用于存放变量、对象、常量的物理空间。js中内存空间可分为三种:栈(stack)、堆(heap)、池(一般归类于栈中)。->栈:存放变量,特点:先进后出,后进先出。例如:string、number、boolean、null、undefined->堆:存放复杂对象,特点:不能被直接访问,更不能直接操作堆空间,只能引用访问、操作。释放引用,会被浏览器自动垃圾回收,释放内存空间。例如...原创 2019-03-28 11:28:38 · 957 阅读 · 0 评论 -
高级之路篇七:webpack打包性能优化
1、只加载与首屏相关的资源文件。如在vue或react框架中采用路由懒加载、按需加载的方式,减少首页需要载入的资源。2、延迟加载或按需加载。script标签上加上async、defer async: 1)使得script脚本异步的加载并在允许的情况下执行; 2)async的执行,并不会按着script在页面中的顺序来执行,而是谁先加载完谁执行...原创 2019-04-26 15:20:48 · 1006 阅读 · 0 评论 -
高级之路篇十:高性能动画
前端领域,时常会与动画打交道,现盘点一下啰!1、@keyframes,需要注意的是需要兼容处理,优点在于能够创建循环动画。animation: nameduration timing-function | delay | iteration-count | direction@keyframes mymove{ 0% {top:0px;} 25% {...原创 2019-04-27 10:05:33 · 279 阅读 · 0 评论 -
高级之路篇一:从浏览器渲染开始
前言:了解并理解浏览器的渲染原理流程,对我们的性能优化有着至关重要的作用。至于渲染引擎,我们大可忽略,知道这个概念就行。流程如下:1、下载html文本文件,生成dom树。2、下载css文件,解析CSS生成CSSOM规则树。3、将DOM树与CSSOM规则树合并在一起生成渲染树。4、遍历渲染树开始布局,计算每个节点的位置大小信息。5、将渲染树每个节点 逐个 绘制到屏幕。...原创 2019-04-24 15:31:33 · 273 阅读 · 0 评论 -
高级之路篇十四:Ajax
function Ajax(){ var xmlHttp = null; var createXmlHttp = function(){ if(window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); if(xmlHttp.overrideMimeType)...原创 2019-05-07 10:36:18 · 232 阅读 · 0 评论