前端设计文档是什么? 在笔者所在的前端研发流程中, 【技术调研及方案设计】属于连接【需求阶段】和【开发阶段】的中间节点。在需求详评(三审)后了, 需求的功能和交互已经基本确定, 而在实际进入开发之前,

opn模块通常是作为跨平台的打开文件或者网站的模块，在web应用中最常见的使用是比如项目开发或者启动的时候打开浏览器进行访问。 类型为字符串。 目标通常为你想打开的文件、url或者可执行的文件，一般会用系统中默认的应用打开，当然也可以指定应用以及相关的开启参数。 类型为对象，o…

TS 有个非常好用的功能就是类型别名。 类型别名会给一个类型起个新名字。类型别名有时和接口很像，但是可以作用于原始值，联合类型，元组以及其它任何你需要手写的类型。 上面的类型意思是，若 T 能够赋值给 U，那么类型是 X，否则为 Y。 原理是令 T' 和 U' 分别为 T 和 …

简要说明此版本重点关注以下内容：我们尝试通过持久化存储优化构建性能。我们尝试采用更好的算法与defalut来改善长效缓存。我们尝试通过更好的TreeShaking和代码生成来改善bundle的大小。我

通过使用不同的loader，Webpack可以把不同的文件都转成JS文件，比如CSS、ES6/7、JSX等。 通过对loader的使用，我们了解到loader可以把其他类型模块都处理成JS模块，以便加载使用。这其实就是webpack中非常重要的混淆依赖中的一部分。

自从 2018 年 2 月，webpack4 发布以来，webpack 就暂时没有更进一步的重大更新，为了保持 API 的一致性，旧的架构没有做太多改变，遗留了很多的包袱。阔别 2 年多后，2020 年 10 月 10 日，webpack 5 正式发布，并带来了诸多重大的变更，…

自动发布：更新完代码后，自动构建出线上发布代码并传输给发布系统。 扩展插件，在 Webpack 构建流程中的特定时机注入扩展逻辑来改变构建结果或做你想要的事情。 执行npm run build，默认会调用 node_modules/.bin下的webpack命令，内部会调用we…

在利用CSS制作图标时，经常用到border边框，所以，先看看边框的相关知识。 从上图中，可以看出，四个边框都变成了三角形，那么如果将左，右，下的边框都设置为透明(transparent)，那么就显示了一个下三角。 从上图可以发现，第二个菜单和第三个菜单的左边框不正确，其原因是…

前段时间面试，MVVM原理成为了一道必考题。由于理解不够深，最近详细了解以结构图流程分析原理。 定义双向绑定，传入元素，和数据。 监控数据变化，发布消息，执行订阅函数。