1. 不同职场人士特点、诉求和写作场景

脑图如下：

迭代复盘方式如下：

考量到目前公司项目多，技术栈杂，体验不太友好，所以花了点时间大概研究了下微前端

大概分下面几个部分简单阐述下我的理解，算是自我小结吧：

• 微前端的简介
• 微前端的价值
• 微前端需要解决的问题
• 微前端的技术选型
• 微前端的实践总结
• 微前端存在的问题

1. 模块化的演进

模块化特点的特点是什么？ 防止变量污染

在以前的开发中，如果不用模块化，我们无法处理依赖关系，所以代码很难维护

那最早的时候我们是使用 单例 的方式解决，但是有个缺点，我们不能保证变量的唯一性，而且单例可能导致调用时浮躁，命名过长等问题, 如下方代码所示：

1. 介绍

whistle 是一款用 Node 实现的跨平台的 Web 调试代理工具。简而言之就是 Node 版的 Fiddler、Charles，不过这个工具我觉得使用更简单、功能也更加实用，而且我觉得比 Fiddler、Charles 更加好用。

whistle 文档

刚刚对我们前端项目做了一顿分析优化操作，因为接手时每次构建要花两分钟左右的时间，实在忍受不了，只能动手了。通过这次优化，重新温习了下 webpack 的一些知识。接下来会关于 webpack 展开写几篇心得：

• 构建分析
• 开发环境构建优化
• 生产环境构建优化
• webpack 原理浅析
• 如何实现一个简易版 webpack
• 如何手写一个 loader 和 plugin
  阅读全文 »

刚刚对我们前端项目做了一顿分析优化操作，因为接手时每次构建要花两分钟左右的时间，实在忍受不了，只能动手了。通过这次优化，重新温习了下 webpack 的一些知识。接下来会关于 webpack 展开写几篇心得：

• 构建分析
• 开发环境构建优化
• 生产环境构建优化
• webpack 原理浅析
• 如何实现一个简易版 webpack
• 如何手写一个 loader 和 plugin
  阅读全文 »

刚刚对我们前端项目做了一顿分析优化操作，因为接手时每次构建要花两分钟左右的时间，实在忍受不了，只能动手了。通过这次优化，重新温习了下 webpack 的一些知识。接下来会关于 webpack 展开写几篇心得：

• 构建分析
• 开发环境构建优化
• 生产环境构建优化
• webpack 原理浅析
• 如何实现一个简易版 webpack
• 如何手写一个 loader 和 plugin
  阅读全文 »

最近公司有一个团队要搭建 bff 层，顺应了他们的要求，准备了一波分享。