Mark大熊

本文主要分析对比了 MicroApp、Qiankun 两大微服务框架，从 加载子应用机制、技术栈、样式隔离、JS沙箱隔离、元素DOM隔离 等多方面需求特性上分析每个框架的优缺点，以及技术选型的推荐。

本文分析了 可选链运算符(?.) 特性在代码里的滥用，乱用情况，可能会带来可读性、维护性差、隐式过滤异常等问题，以及正确的使用方式，能不用就尽量少用。

使用Webpack plugins，每次构建时把一些第三方的 js\css 静态文件copy到output中，并且自动引用到html head中，而且支持加hash解决version缓存问题。

介绍 Webpack 里的三种 hash 类型：hash chunkhash contenthash，如何给构建输出的文件加 hash 值，解决浏览器缓存问题，提高网站二次加载性能。

最近负责了一个产品的前端代码Code Review的工作，代码质量很差，整理几个比较常见，比较典型的例子，简单的总结下。

介绍下Webpack5中比较常用的plugins，以及用法和注意事项。可以有效提高开发生产效率、提升打包速度和质量、分析和优化。

本文介绍了如何通过自定义webpack loader以及babel plugin，实现自定义文件打包编译逻辑，用来替换国际化Key字符串，最终达到减小打包文件体积，提高首屏加载效率。

多语言支持项目，有效使用动态inport和Top-level await特性，让webpack拆分国际化资源文件，按需加载，提高首屏效率。

使用nodejs fast-glob扫描整个项目代码，通过文件内容字符判断，找出想要的内容，用来解决项目实际问题。比如使用了某些属性的控件、未使用的国际化词条等。