代码优化
5篇文章 · 0订阅
  • 聊一聊前端性能优化
    性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT
    前端 性能优化
    聊一聊前端性能优化
  • 你所需要知道的代码整洁之道
    每次 review 过往写的代码，总有一种不忍直视的感觉。想提高编码能力，故阅读了一些相关书籍及博文，并有所感悟，今将一些读书笔记及个人心得感悟梳理出来。抛转引玉，希望这砖能抛得起来。 上面这段代码，尽管是特意为举例而写的，要是真实遇到这种代码，想必大家都“一言难尽”吧。大家多…
    前端 代码规范
    你所需要知道的代码整洁之道
  • Webpack优化总会让你不得不爱
    优化，就是加以改变或选择使优良，在工作当中是让提升效率的好办法。 1. 去除无用的样式 配置完毕了，上面包含了一些基本的配置。大家可以把重点放在注释为去除无用的样式代码部分即可了 2. 动态添加CDN 3. Tree-shaking 可想而知，副作用出现了，去dist目录下再看…
    JavaScript Webpack
    Webpack优化总会让你不得不爱
  • 介绍下重绘和回流（Repaint & Reflow），以及如何进行优化
    1. 浏览器渲染机制 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了渲染树（Render Tree）。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点绘制到页面上。 由于浏览器使用流式…
    JavaScript
  • 【译】再见了，整洁的代码
    那是一个深夜。 我的同事刚刚检查完他们花了一整个周所完成的代码。当时我们正在做一个图形编辑器，已经实现了通过拖动边缘的小手柄来调整矩形和椭圆形等形状的功能。 代码运行起来没问题。 但是代码里有很多重复的地方。每个形状（例如矩形或椭圆形）都有一组不同的手柄，当我们沿不同方向拖动手…
    React.js 前端