All Posts

Webpack作为打包工具，如何将编译好的代码整合起来，做到让浏览器可读可执行。读懂Webpack的打包后源码有助于理解代码的模块化和运行时加载等概念，对代码优化有重要的意义

在我们平时本地打生产包的时候，往往要花费大量的时间和内存，时间是本地起watch或者dev服务器的两倍还多，多出来的时间主要就分步在压缩代码的环节上。CC大神的这个新插件给了一些提示。 借此我尝试实测一把

npm就是前端的maven，可以说是怎么都绕不开的工具了，这里总结下各种npm相关的知识点

最近开始学习Vue，个人感觉Vue需要记的概念更多，好处是使用`template`这种类似模板的开发方式，比较直观容易被传统前端理解，对于一个React熟练工来说，Vue的概念确实不大友好，比如说`v-for`， 看起来是帮开发者减少了代码量内置了一个实现组件循环的方式，但从理解代码的角度来说还不如React中写一个map循环来得直观。

问题背景： 当在一个用了hook的父组件里面嵌套多个带hook的子组件时， 如果子组件会根据条件隐藏显示，且使用函数的渲染子组件方式就会发生如下错误。

需求是之前后端拿给我看一个私有部署的环境，各个页面路由间切换，内容一直是白屏，过了很久才出现内容。问是不是前端问题，为什么白屏这么久，打开控制台看很明显看到部署的网络环境比较差，chunk文件加载速度很慢。为了不给用户带来页面崩溃的错觉，应该加上类似菊花的进度显示。而这里正好可以结合React官方的Suspense和Lazy来实现的。