“这是我参与8月更文挑战的第8天，活动详情查看： 8月更文挑战” 30W字前端面试题总结，值得收藏！

装饰者模式非常贴合 JavaScript 动态语言的特性，因为我们可以轻易的改变某个对象，但同时，因为函数是一等公民，所以我们会避免直接改写某个函数，来保护代码的可维护性和可扩展性。 其实就像我们拍照后添加的滤镜，不同的滤镜给照片赋予了不同的意境，这就是装饰者模式，通过滤镜装饰…

Mediator（中介者模式）属于行为型模式。 意图：用一个中介对象来封装一系列的对象交互。中介者使各对象不需要显示地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。 前端开发中，最常用的 “数据驱动” 其实就最好的诠释了中介者模式。 按钮点击后，表单提交。按钮需…

这是我参与8月更文挑战的第6天，活动详情查看：8月更文挑战 前言 前后端开发者每天都要用到的设计模式---中介者模式 前端开发伙伴, 有没有只写页面不需要调接口的? 不可能啊, 总不能都是假数据吧.

Vue3 已经出来有一段时间了，很多朋友早已熟读了文档，写了好几个 Demo，馋 Composition API 等新特性已久了。无奈，在实际工作中，大部分朋友还是不得不守着成千上万行的 Vue2 老

1. vue.config.js 2. title.js设置每个页面标题 3. 修改public/index.html中的<title></title> 4. 注意此时项目目录是这样的： 5. 把每个单页应用下的router.js的mode改为hash模式 6. 注意把原来的a…

webpack是一个打包工具，他的宗旨是一切静态资源皆可打包。有人就会问为什么要webpack？webpack是现代前端技术的基石，常规的开发方式，比如jquery,html,css静态网页开发已经落后了。现在是MVVM的时代，数据驱动界面。webpack它做的事情是，分析你的…

作者：鲲尘前言snowpack / vite 等基于 ESM 的构建工具出现，让项目的工程构建不再需要构建一个完整的 bundle。很多人都觉得我们不再需要打包工具的时代即将到来。借助浏览器 ESM

需要读到入口文件里面的内容。 分析入口文件，递归的去读取模块所依赖的文件内容，生成AST语法树。 我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。 现在我们打开index.html。你猜会发生什…