知行合一V

热度 Google趋势 Vue和React的谷歌搜索趋势如下图所示。近一年的数据React和Vue很接近 Stack Overflow调查 在2020年Stack Overflow调查中使用最多的We

小即是快！如果你装的包有问题，可能是版本不兼容，真的坑... 速度分析（webpack5到目前还不支持），使用smp.wrap包裹。 2、利用 client 的长效缓存机制，命中缓存来消除请求，并减少向 server 获取资源，同时还能保证 client 代码和 server …

本篇主要目标是配置一个可以使用的react工作环境，支持：代码保存自动刷新、javascript代码自动兼容问题、一键压缩代码，静态资源处理、问题调试定位、支持less样式... entry是配置模块的入口，可抽象成输入，Webpack 执行构建的第一步将从入口开始搜寻及递归解…

url从输入到页面的渲染中间的技术细节，这篇我们总结下，常用的性能优化操作。构建阶段的性能优化可以参考这篇webpack包教不包会（二）性能优化最佳实践。 合并css和js文件，合并文件大小之后，大文件gizp之后不能超过33kb（不是一股脑的打包成一个），文件数量要适量。 是…

浏览器接收到html文档之后，遍历文档所有节点，根据深度优先遍历的算法，HTML解析器将HTML标记解析成DOM Tree（就是我们审查元素时的层级结构）。 css Parse 将每一css 文件都解析成一个styleSheet对象，每个对象包含style Rules，这个也就…

左图就是单节点服务模式，所有的用户都访问同一台服务器，这样由于访问用户的数量和地理位置的不同，会给服务器很大的压力，并且响应速度会变慢。 右图就是CDN模式，CDN的基本原理是广泛采用各种缓存服务器,将这些缓存服务器分布到用户访问相对集中的地区或网络中,在用户访问网站时,利用全…

路由这个概念最早出现在后端，后端用户请求URL导航到html页面。而前端路由不用服务器解析，可以通过hash函数和history API来实现，本质上是匹配前端组件的一种规则，也就是说整个过程只有一个页面，也就是我们说的单页面应用。 这里的hash就是url尾巴后的#号和后面的…

fiber并不是计算机术语中的新名词，他的中文翻译叫做纤程，与进程（Progress）、线程（Thread）、协程（Coroutine）同为执行过程。React Fiber可以理解为：React内部的一套更新机制。支持任务不同优先级，可中断与恢复，并且在恢复之后复用之前的保存状…