影依贤者

摘要： 打包命令 webpack --mode development/production 默认模式 在webpack打包时默认的位置是当前目录下的./src/index.js 通过命令 通过命令webpack --mode ./文件夹/文件 -o ./文件夹/文件夹 development来自定义打包内 阅读全文

摘要： 该版把上一次的数据修改就更新全部页面改为了局部更新，相比于上一版的在数据绑定上不是简单的一个监听set再全部更新，具体见下文。 总体流程 仍然是根据自己理解来实现的绑定，相较于上一版的数据更新就全部刷新，这次改成了部分页面更改，总体流程大致如图：（字本来就丑，那个笔芯写更丑了，希望能看懂吧） 这里就 阅读全文

摘要： 基本结构 这里我根据自己的理解模仿了Vue的单文件写法，通过给Vue.createApp传入参数再挂载元素来实现页面与数据的互动。 其中理解不免有错，希望大佬轻喷。 收集数据 这里将Vue.createApp()里的参数叫做options data可以是一个对象或者函数，在是函数的时候必须rutur 阅读全文

摘要： v8的内存划分 v8大体分为堆和栈，垃圾回收在堆里进行。 堆内存分多个模块： New space 大多数的对象开始都会被分配在这里，这个区域相对较小但是垃圾回收特别频繁，该区域被对半分为两半（分为Semi space From 和 Semi space To ） Old space 新生代中的对象在 阅读全文

摘要： 享元模式 享元模式 享元模式的定义：运用共享技术来有效地支持大量细粒度对象的复用。 该模式在遇到会创建大量相似的对象的情况下很有用，它把多个相似对象的共同点封装起来，把不同点作为外部变量来传入，这样就可以节省空间。 享元模式有点像状态模式，但是状态模式把状态对象缓存进自己里面，享元模式是接收一个对象 阅读全文

摘要： 适配器模式 适配器模式的定义：将一个接口转换成客户希望的另一个接口，使接口不兼容的那些类可以一起工作。 简单来说就是这个API的接口名出现冲突/你不喜欢，可以用另一个自己写的函数/对象来调用它。 就这样，代码我就不举了。 阅读全文

摘要： 正则的一些补充学习 match，matchAll和exec的区别 match，matchAll作用在字符串上，exec作用在正则表达式上 match匹配g模式的正则时返回的是匹配到的所有字符组成的数组； 匹配非g模式的正则时返回的数组的第一个是匹配到的，其余的是括号里捕获到的字符串。 exec匹配g 阅读全文

摘要： 状态模式 状态模式的定义：当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类。 简单来说就是在一个类里封装入多个表示这个类的不同状态的对象，在当前的状态改变后，调用状态代表的对象的方法。 class Homo { constructor() { this.state = ""; 阅读全文

摘要： 装饰者模式 装饰者模式的定义：动态地将责任附加到对象上。若要扩展功能，装饰者提供了比继承更有弹性的替代方案。 动态地将责任附加到对象上，在JS这个动态语言里是比喝水还平常不过的事，而函数又是一种特殊的对象，所以在这里，装饰者模式的含义其实可以翻译为：在不改变原函数的基础上给函数添加新的方法。 这里最 阅读全文

摘要： 职责链模式 职责链模式的定义：使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系。 该模式类似于调用原型方法一样：在该对象没有该方法时向上一个原型上寻找方法；该模式这是该方法无法处理这个请求时，用下一个方法处理该请求，这样形成一个链，每个方法都有可能被调用。 这里用一个表单验证做 阅读全文