每天积极向上

摘要：mock/index.js import Mock from 'mockjs' import user from './data/User' import shopping from "./data/Shopping"; //设置延时 Mock.setup({ timeout: 400 }) con 阅读全文

摘要：安装按需引入包 npm install babel-plugin-component babel.config.js： 按需引入配置 module.exports = { presets: [ '@vue/cli-plugin-babel/preset', //1.ElementUI 按需引入配置 阅读全文

摘要：router的基本使用： main.js import Vue from 'vue' import App from './App' //导入VueRouter import VueRouter from 'vue-router' //导入自己写的router import router from 阅读全文

摘要：定义moon.js： 必须要在每个模块中添加namespace: true属性，不然会报错 也可以把dog模块域cat模块单独的定义在一个文件中，export defautl暴露然后moon.js引入 import Vue from 'vue' //引入vuex import Vuex from ' 阅读全文

摘要：computed属性中 mapState 映射state： <template> <div> {{name}} </div> </template> <script> //引入mapState import {mapState} from 'vuex' export default { name: 阅读全文

摘要：VueX是适用于在Vue项目开发时使用的状态管理工具。 试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。 为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。 在具有VueX的Vue项目中， 阅读全文

摘要：默认插槽： 会把父组件human中的内容全部解析到子组件中的slot中 父组件 <template> <div id="App"> <human> <h2>USER</h2> <h2>NAME</h2> </human> </div> </template> <script> import huma 阅读全文

摘要：<style scoped> </style> 在style上添加scoped，多个组件中的重名样式互不影响 阅读全文

摘要：npm install axios 只需要导入axios就可以使用了，尽量在app中导入，因为这样其它组件就可以直接使用 import axios from 'axios' 使用： <script> import axios from "axios"; export default { name: 阅读全文

摘要：props属性： 作用是让父组件可以给子组件传递data中的数据 注意子组件不能修改props中的数据，只能访问 父组件 <template> <div id="App"> <!--给组件传入参数--> <human :name="name" :bodyObj="bodyObj"></human> 阅读全文

摘要：margin塌陷现象：在垂直方向如果有两个元素的外边距有相遇，在浏览器中加载的真正的外边距不是两个间距的加和，而是两个边距中值比较大的，边距小的塌陷到了边距值大的值内部。 兄弟关系： 1. 同级元素塌陷：上面的元素有下边距，下面的元素有上边距，两个边距相遇，真正盒子间距离是较大的那个值。 父子关系： 阅读全文

摘要：什么是解构赋值，解构赋值可以更快速的帮我们获取数据 数组的结构复制： <script> //数组的解构赋值 let ary=[100,200,500] let[levi,mikasa,ailu]=ary console.log(levi,ailu，mikasa) //100 500 200 unde 阅读全文

摘要：var： 函数级作用域，存在变量的提升，值可以更改 let：块级作用域，不存在变量的提升，值可以更改 const：块级作用域，不存在变量的提升，值不可以更改 变量提升： //变量提升 console.log(i) //undefined var i=10 //不是变量提升 console.log(i 阅读全文

摘要：高阶函数 - 函数可以作为参数传递 <script> //函数作为参数传递 function animate(callback){ callback&&callback() } //被当作参数的函数 function callback(){ alert("我是一个回调函数") } //调用 anim 阅读全文

摘要：call与apply： call - 立即执行函数，可以改变函数内部的this指向 apply - 和call一样，不过参数为数组类型 call: object.call(thisObj,argsName,vlaue) apply: object.apply(thisObj,argsName,[va 阅读全文

摘要：// 函数的不同调用方式决定了this 的指向不同 // 1. 普通函数 this 指向window function fn() { console.log('普通函数的this' + this); } window.fn(); // 2. 对象的方法 this指向的是对象 o var o = { 阅读全文

摘要：Object.defineProperty()的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性 let Person = {} Object.defineProperty(Person, 'name', { value: 'jack', writable: true // 是否可 阅读全文

摘要：1.类的本质 1.class 本质上还是funcation 2.类中所有的方法都定义在原型对象上prototype 3.类创建的实例也可以通过_ _proro_ _ 访问原型对象 function.call(Object，value...) 可以改变function的指向，且调用函数 利用call函 阅读全文

摘要：方法与属性的查找机制： 当一个对象调用一个方法或属性时，首先在查找自身，然后原型对象上，Object中的原型对象上，返回null值 原型对象this指向问题： 谁调用就是谁 阅读全文

摘要：原型对象(用类访问)： JavaScript规定，每一个构造函数都有一个prototype属性，这个属性指向另一个对象，注意这个prototype就是一个对象 这个对象所有的方法与属性，都会被构造函数所拥有 我们可以把不变的方法，直接定义在prototype对象上，这样所有构造函数的实例就可以共享这 阅读全文

摘要：javaScript - 类 ES6语法之前的创建方式 JavaScript ES6 - 类 JavaScript ES6 - extends与super，this JavaScript ES6 - 原型对象 prototype JavaScript ES6 - 方法与属性的查找机制，原型对象thi 阅读全文

摘要：继承： 使用extends继承父类，当子类与父类中的方法或实例成员重名时，遵循就近原则 调用的是子类自己的方法与属性 不存在方法的重写的概念，子类与父类都存在构造器时 子类构造器第一行必须写super() 调用父类构造器或子类不定义 构造器 super： 继承关系中，子类想要调用父类中的构造方法 在 阅读全文

摘要：定义一个类： 类中有构造器，方法，实例成员，静态成员 注意：类中不能存在相同名称的方法，没有方法的重写机制 <script> //1.定义类 class Human{ //构造器 constructor(name,age){ //定义实例成员 this.name=name; this.age=age 阅读全文

摘要：ref属性： 替代DOM原生操作中的id获取元素，ref还可以获取组件(VueComponent) <div id="app"> <p ref="say">hello,world</p> </div> <script> const vue=new Vue({ el: '#app', methods: 阅读全文

摘要：<script> new Vue({ beforeCreate() { console.log('beforeCreate') }, created() { console.log('created') }, beforeMount() { console.log('beforeMount') }, 阅读全文