摘要： Webpack 一、市面上有哪些类似于Webpack的前端工程化工具 1. grunt 2. gulp ( 4.x ) 3. Browserify ( Webpack 前身 ) 4. Webpack 【 主流行 】 5. rollup.js 6. "parcel" 7. FIS 二、前端工程化工具的 阅读全文

摘要： 新版本的作用域插槽以及旧版本的slot 1.作用/概念:预先将使用的内容进行保留 我的理解就是父页面在组件标签内插入任意内容,子组件内插糟slot控制摆放位置(匿名插槽,具名插槽) 案例： 从上面的案例可以看出 直接在组件里面写元素是没有作用的，这时候就需要插槽 slot 一旦在组件中加入加入的部分 阅读全文

摘要： 一些 ES6的扩展 es6部分 let，const 1.var 定义的变量：全局变量和局部变量（函数） 2.箭头函数 特点:简洁 重要：箭头函数里面的this是定义的时候确定的，this一旦确定无法改变 总结：1.箭头函数最吸引最吸引人的地方是简洁。同时函数体内this对象，就是定义时所在的 对象， 阅读全文

摘要： Vue生命周期 ​ 首先，每个Vue实例在被 创建 之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张图吧~这是官方文档上的图片相信大家一定都会很熟悉： ​ ​ 可以看到在vue一整个的生命周期中会有很多 钩子函数 提供给我们在vue生命周期不同的时刻进行操作, 那么先列出所有 阅读全文

摘要： 组件通信 1.为什么要进行组件通信 ​ 组件可以说是具有独立功能的整体，但是当我们要将这些组件拼接在一起的时候，这些组件相互之间要建立联系，这个联系我们就称之为通信 2.组件通信的方式有一下几种 ​ 1.父子组件通信 ​ 使用props来实现 ​ 2.子父组件通信 ​ 自定义事件 ​ 3.非父子组件 阅读全文

摘要： Vue的两大特性(组件篇) 1.指令 用来操作dom 2.组件 组件是html css js等的一个聚合体 3.为什么要使用组件？ ​ 1 .组件化 ​ 思想：1.将一个具备完整功能的项目的一部分进行多处使用 ​ 2.能加快项目的进度 ​ 3.可以进行项目的复用 ​ 2.要想实现组件化，那么我们使用 阅读全文

摘要： 虚拟dom && diff算法 1.虚拟dom是什么 ​ 它是一个Object对象模型，用来模拟真实dom节点的结构 2.虚拟dom的使用基本流程（前四步骤） ​ 1.获取数据 ​ 2.创建vdom ​ 3. 通过render函数解析jsx，将其转换成 vdom结构 ​ 4.将vdom渲染成真实do 阅读全文

摘要： 面向对象 原型 1.面向对象（oop） 构造函数的弊端：每一个方法对实例来说，都要重新创建一次，构造函数内部的属性和方法都是私有的。 总结：系统内置对象的构造函数的实例对象的方法都是同一个方法 ​ 我们自己构造函数的实例对象的方法就不是同一个方法 ​ 真正的面向对象：混合开发（构造函数+原型） 构造 阅读全文

摘要： this的应用及指向问题 ​ 总的原则，那就是this指的是调用函数的那个对象，即谁调用函数，this指向谁 改变this的指向 想让this指向谁就指向谁的方法，this是整个js很重要的关键字 //函数下面的三个方法：call，apply，bind都可以改变this的指向 阅读全文

摘要： 面向对象 1.面向过程（函数式编程） 把一个项目按过程，一步一步去做，先做什么再做什么，直到完成这个项目 2.面向对象（oop 一种思想） 把一个项目分成几部分，每部分分成几块，每一块完成拼接在一起一个项目就完成 自定义对象 1.使用构造函数创建对象（new Obj） 2.字面量创建 （Obj={} 阅读全文