⚠️ 本文为掘金社区首发签约文章，未获授权禁止转载 前言 前端工程化的实战目前已经到了第三篇，在前两篇中已经分别搭建了一个简单的 React 脚手架与一个初步可用的 CLI 工具。 在基础脚手架搭建完

当react刚推出的时候，最具革命性的特性就是虚拟dom，因为这大大降低了应用开发的难度，相比较以往告诉浏览器我需要怎么更新我的ui，现在我们只需要告诉react我应用ui的下个状态是怎么样的，react会帮我们自动处理两者之间的所有事宜。 这让我们可以从属性操作、事件处理和手…

本文旨在给前端同学在进行nodejs服务端项目的架构设计时提供一些基本思路及常见场景的解决方案。开发node服务本质上属于服务端开发的范畴，但由于今时今日nodejs开发各种应用的普及、前端工具链向服务端的延伸等，对前端同学全栈开发能力的要求也日渐提高，故写下此文。由于服务端开…

最近在复盘项目的时候，想到了之前做的关于前端加密与验签的需求，感觉这块很少有文章介绍，所以我就把这块内容做一下整理，希望可以帮助到后面有这一块需求的朋友。 这里的要求很明确，需要对登录密码做加密处理，所以接下来我们就要找一种合适的加密方案。 这里我们没有过多纠结，直接选择目前比…

在 vue-cnode 升级 vue2 的时候，在公司内部已经有两个正式项目使用 vue2， 遇到的一个最难的问题，就是如何能在页面后退时还原数据和滚动条位置， 虽然 vue2 内置了 keep-alive 组件，vue-router 也提供了 scrollBehavior 方法进行设置， 但是仍然无法满足需求，后来阅读 vue-router 的源码发现， 每个页面都会自动在 history.state 对象中存储一个对应的 key 值， 便利用这个特性实现了页面后退时，数据和滚动条还原， 不过目前只是实现了页面的顶级组件还原， 如果需要对顶级组件下的子组件实现数据还原， 可以利用 $options._scopeId 来实现。 哈哈，具体如何实现就要靠大家自己发挥想象力了

脚手架, 源自于建筑行业, 通俗的讲就是一个项目搭建的工具. 比较熟知的有 vue-cli create-react-app 等等, 这类工具通常以 xxx-cli 命名, 不废话 先甩一个 npm 战绩 小哥哥, 看看这数据, 你到底要还是不要嘛... 创建 bin 目录和 …