前端性能
我也曾经是一个单纯、善良、帅气的少年
月上柳梢头,人约coding后!
展开
-
express 强缓存踩坑日记
闲来无事学学HTTP缓存机制,设置cache-control字段后哪怕设置了一年的时间都没有效果,即时是相应头有对应设置字段都无法命中强缓存。 在ngix服务器,express服务器多次尝试都无法尝试未果,即将要放弃的时候,发现自己在控制台开启了disable cache ,这个选项意味着禁用浏览器缓存,关闭后成功命中了强缓存。 app.use(express.static(path.join(__dirname, 'dist'), { maxAge: 31557600000 })); 下面是成功的原创 2021-04-21 00:45:12 · 970 阅读 · 1 评论 -
浏览器渲染原理:如何将从0到1解析一个html文件!
浏览器解析HTML页面过程 总所周知的,执行JS有一个JS引擎,浏览器显示网站上的页面也有一个引擎,这个引擎就是浏览器渲染引擎,它负责将开发人员的HTML和CSS解析成一个个漂亮的页面。 开发人员所书写的html和css,浏览器其实并不认识,浏览器只认识0和1个字节数据,我们所写的文件都会先被解析成0和1代表的字节数据,浏览器首先会把这些字节数据第一步解析成字符串; 拿到这些字符串后,浏览器会进行词法分析,给每一个字符串打上标记,生成TOKEN,这一过程叫做标记化。 这里的TOKEN ,其实还原创 2021-03-20 18:14:09 · 288 阅读 · 0 评论 -
20K+中高级前端工程师必备的专项技能,将在这里揭晓.....
最近四火在浏览拉钩等招聘网站的时候,注意到了一个有趣的地方,身处一线城市的互联网公司都在要求前端开发工程师掌握一项技能--前端工程化! 通过上面的招聘简章,大家应该很清晰的看到了,企业对于工程化、自动化的开发的看重,你可以不精通但是必须的了解这一项技能!为什么在cmd命令行键入webpack 就可以打开一个本地的小型服务器?为什么不用认为引入js文件,工具帮你自动执行? 下面我给大家分享我对于Webpack的理解: webpack主要是打包,所以其核心存在两个部分,入口和出口,你可以把we原创 2020-09-06 15:33:27 · 788 阅读 · 0 评论 -
前端性能优化:requestAnimationFrame方式高效dom操作!
高效插入方案 使用原生dom操作插入dom的时候,我们一般使用document.createElement(ele),创建好了以后,通过appendChild方法,插入到容器元素,这样的操作,平常很常见吧! 但是对于那种海量插入的需求,比如一次插入1、2w的元素,这个时候可能有的同学能想到创建文档碎片的方式,将dom操作放到文档碎片当中,进行插入的方式!这样是一个优化的方式,但是这样优化的还不够彻底! 以上两种方式进行速度对比 var list = document.getElementById("li原创 2020-08-13 00:41:59 · 708 阅读 · 0 评论