通过最近的面试我发现，很多同行小伙伴做了几年的开发竟然连基本的设计模式都不知道，甚至可能连什么是设计模式都说的有点模棱两可。 如果作为几年经验的中高级前端这其实是不应该的。

蛮荒时代 快看，这个男人叫小帅，他进了一家只有4个人的信息高科技有限公司，还妄想改变世界。 前端只有一个人，所谓的发版，就是直接本地打包，然后代码通过ftp工具扔到服务器上，代码能跑就行。 农耕时代

工程化永远是围绕着质量、体验和效率三个维度进行建设，来保证高效、高质量地完成业务需求，减少跨项目、跨团队的协作成本。但前端工程化不是万金油，它是在特定时期面对特定场景的解决方案。

前端发展到了今天，web应用越来越复杂和庞大，前端技术迅猛发展，各路大神各显神通，多种优秀的前端框架、新语言和其他相关技术(如下图所示)不断涌现，这些都极大地提高了我们的开发效率。面对这些框架所衍生出

用户请求--->服务器解析路由找到对应的组件 --> 通过Renderer渲染成HTML字符串并发送给客户端 --->客户端解析HTML并加载少量必要的JS文件--->执行Js对页面进行激活(Hydrate)。所谓客户端激活，实际上也就是挂载dom节点，接管服务端返回的HTML…

本文将从前端模块化的发展历史出发，逐步探讨`CommonJS`规范 和 `ES Module`规范之间的异同，最后将深入模块化内部原理进行多维度剖析，彻底弄懂 Web环境下 `Webpack` 是如何

2024已来，过去的 2023 可以说是具有里程碑意义的一年，ChatGPT 的炸裂式发展，很多大佬都亲自入场整活儿，你不得不说，人工智能时代的未来已来，大势所趋，不可阻挡。随着生成式AI的迅猛发展，

好消息！create-neat 在沉淀几个月后，终于迎来了架构的升级，这篇文档将会从各方面详细地解读重构后的架构设计思路，以便大家能对我们的项目有更深刻的认知。

刚入职的第一个需求是工程化需求，mentor 也是希望我能从工程化的角度切入去熟悉项目，起初单纯的我以为很快就可以上手，在入职初狠狠表现一波，却没想到这个需求最后用了两个月的时间才完成！