1. 我们知道在开发一个项目时，可能会做一些没有把握的，尝试性的操作，去解决一个比较困难的问题。又或者我们的开发出现偏移，需要回退到之前的某个版本，但如果只依靠人工去管理，那么你需要做的事情是记住你的代码所有的变化，然后一点点删除这些添加的代码，直到你想要回退的版本。从某方面来说，这是一项艰巨的任务 Read More
posted @ 2021-09-24 18:38
TwinkleG
Views(101)
Comments(0)
Diggs(0)
1. 寄生式继承：类似于 原型式继承，实际上就是 原型式继承 + 工厂模式，直接上代码： function object(o) { function F() {} F.prototype = o; return new F(); } 原型式继承 创建对象，用于被所有实例对象所共享，之后使用 工厂模式 Read More
posted @ 2021-09-23 20:30
TwinkleG
Views(697)
Comments(0)
Diggs(0)
1. 学过之后过了一些时间再回来看发现原型链还是比较容易理解的，不想再详细的去重复细节了. 2. 简单复习重要的知识点： 【1】原型链的形成：首先我们知道 构造函数A 会有一个 prototype 指向原型对象，原型对象又有一个 constructor 指回 构造函数A，构造函数A 的实例对象有一个 Read More
posted @ 2021-09-23 19:55
TwinkleG
Views(67)
Comments(0)
Diggs(0)
1. Object.keys 获取对象的键的数组 2. Object.values 获取对象的值的数组 const o = { foo: 'bar', baz: 1, qux: {} }; console.log(Object.values(o)); // ["bar", 1, {}] 3. Obj Read More
posted @ 2021-09-22 20:56
TwinkleG
Views(40)
Comments(0)
Diggs(0)
1. 在对象设计模式提出之前，使用 new Object() 或者 对象字面量 的方式声明对象是可以的，但如果需要多个结构类似的对象，那么会写很多重复性代码。工厂模式解决了这个问题： function createPerson(name, age, job) { let o = new Object Read More
posted @ 2021-09-22 20:29
TwinkleG
Views(65)
Comments(0)
Diggs(0)
1. 偷懒，官方文档总结的太好了，我如果写的话也是照搬 Actions：https://vuex.vuejs.org/zh/guide/actions.html Modules：https://vuex.vuejs.org/zh/guide/modules.html 2. 比较重要的进阶： 项目结构 Read More
posted @ 2021-09-22 19:46
TwinkleG
Views(42)
Comments(0)
Diggs(0)
1. 有了 state 以及 getters 的基础，mutations 实际上也很容易理解，详解可以直接看官方文档，个人只总结一下重要知识点： 【1】改变 state 不能直接获取去改变，应该通过 mutations，只有这样才能够记录状态的变化 【2】mutations 只能执行同步操作，不可以 Read More
posted @ 2021-09-22 19:42
TwinkleG
Views(798)
Comments(0)
Diggs(0)
1. 问题提出：我们有时可能希望对 vuex 中 state 的属性进行一些操作，再展示或者被用于其他方法中，那么假如在多个组件中都需要这个属性，会导致重复性操作. 例如：一个存放数字0-50的数组，我们希望选出大于20的部分，那么在组件中，我们需要使用计算属性 computed 去选出相应的数，再 Read More
posted @ 2021-09-21 22:35
TwinkleG
Views(246)
Comments(0)
Diggs(0)
1. 通过在根组件挂载 store 对象，这样根组件以及所有子组件都可以使用 store 中的全局属性. 例如我们在 vuex store 全局管理一个 state 中的 count 属性， 那么在组件中，可以直接在 Mustache 语法【双大括号】中直接使用 $store.state.count Read More
posted @ 2021-09-21 22:09
TwinkleG
Views(229)
Comments(0)
Diggs(0)
1. 有时我们会在模板中添加一些复杂的逻辑，或者是对于组件中 data 对象中的属性进行一些操作后，再将其展示在页面上。此时可以应用 computed. <div id="example"> {{ message.split('').reverse().join('') }} </div> 【这里我 Read More
posted @ 2021-09-21 21:43
TwinkleG
Views(85)
Comments(0)
Diggs(0)
浙公网安备 33010602011771号