JavaScript之深入Class类
1.1 类定义 类的构成包含构造函数方法、实例方法、获取函数、设置函数和静态类方法，空的类一样有效。 类可以看做是一个特殊函数。并且有显式原型prototype，该原型也有一个constructor指向自身。并且类也可以用instanceof检查是否存在于实例的原型链中。 1.2 类构造函数 new…
JavaScript之常用设计模式
1. 适配器模式 1.1 适配器的意义 比作一个插头，与一个接口不兼容，但是接上了适配器，就可以通过适配器的另一端去与接口适配上了。相同的也有USB转接口、电源适配器、港式插头转换器等。 1.1 适配器的应用 适配器只有在接口无法正常工作的时候能用上。 实例场景： 就是经过适配器后可以转换接口对接方…
JavaScript之深入继承
1. 原型链继承 子类如果需要覆盖父类的方法，或者增加父类没有的方法，需要在原型赋值后，再添加到原型上。如果在赋值前重写方法会破坏(重写)之前的原型链。 原型链继承的问题： 原型链继承的对象，会在所有实例间共享，会多出一些不必要的属性，如果修改也会影响到其他实例 子例在实例化时不能给父类型的构造函数…
Webpack学习
1. webpack webpack：静态(static)模块(module)化打包(bundler)工具。主要打包资源输出到静态资源。脚手架的由来就是webpack。按需求编写loader和plugin。 webpack不会被vite取代，并且也在改进和进步。学好webpack，一样可以学好vit…
ES6之生成器
1. 生成器是什么？ 拥有在一个函数块内暂停和恢复代码执行的能力的结构。 生成器的形式可以是一个函数，在函数名称前加一个 表示它是一个生成器(箭头函数不能定义生成器函数)， 的位置不影响函数生成器的定义。 调用生成器函数会产生生成器对象。然后处于暂停执行的状态，调用next()函数会让生成器开始或恢…
ES6之迭代器
1. 迭代器是啥 迭代器(iterator)为可以对数组或集合进行遍历的工具。只有实现了迭代器工厂函数的数据类型才能使用Iterable接口： 字符串(StringIterator) 数组(ArrayIterator) 映射(MapIterator) 集合(SetIterator) argument…
Webpack小结
1. Webpack webpack是自动化打包解决方案，也是一个模块打包机。将浏览器不能直接运行的语言或资源打包为合适的格式供浏览器使用。 webpack能做到： 代码转换：TypeScript编译成JavaScript、SCSS，LESS编译成CSS 文件优化：压缩JavaScript、CSS、…
Vue-Router原理
1.路由注册 Vue router可以通过vue.use进行注册，在use中，会将router当成插件install，然后存储到installedPlugins中。 然后定义了路由中的钩子函数 2.Router对象 3. Matcher Matcher中暴露了两个方法：match、addRoutes…
Vuex原理
1.Vuex初始化 import Vuex的时候，引用的是一个对象，定义在index.js中，他同样存在一个install方法，install中通过混入一个beforeCreate钩子函数，将options.store保存在所有组件的$store中，这个options.store就是实例化的Stor…
Vue全局API原理
1.Vue.util Vue.util是Vue内部的工具方法，不推荐业务组件去使用，因为可能随着版本发生变动，不开发第三方Vue插件会比较少用 2.Vue.set/Vue.delete 该API在业务场经常使用与新增或删除响应式数据，由于Object.defineProperty对于数组和对象的响应…