Published onFebruary 16, 2021【笔记】- React DOM Diff总结React笔记DOM diff的核心就是新旧`virtual dom`的属性对比,通过在内存中做数据对比而非直接操作DOM,提升了渲染的效率,直到最后对比完成再统一更新DOM。而diff算法就是如何高效得完成这个内存数据结构的对比。 如果没有diff算法对比完所有节点将花费O(n3)的复杂度。
Published onJanuary 5, 2021webpack 5新特性与优化总结webpack工具webpack 5发布也有一段时间了,借助FDP标品化的机会也同时升级了webpack,这里简单介绍下webpack 5的一些主要新特性,以及在升级过程中遇到坑。最后再总结下webpack打包的优化总结
Published onDecember 1, 2020生产环境调试前端工程化webpack当我们在生产环境上出现崩溃级别的错误时,我们往往只能看到如下这种编译压缩之后的代码。直接点进去即使format之后也很难准确得判断这个问题到底出现在哪个源文件或者哪个函数中,只能靠上下文的一些关键字来搜索代码。虽然我们也可以连接VPN直接调试代码,但那样是有合规风险的。 这里提供一个调试生产环境代码的思路。