![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
文章平均质量分 73
sunshine_hz
这个作者很懒,什么都没留下…
展开
-
vue-router 学习笔记
安装 npm install vue-router --save 起步 Javascript: import vue from 'vue'; import vueRouter from 'vue-router'; vue.use(vueRouter); var routes=new vueRouter({ routes:[ { pat...翻译 2018-11-29 10:03:06 · 284 阅读 · 0 评论 -
React 学习笔记 之 生命周期
react 声明周期分三个状态: 初始化 更新 销毁。 一、初始化 1、getDefaultProps() 设置默认的props,在使用es6的class语法时是没有这个钩子函数的会报错。 Warning: getDefaultProps was defined on LifeCircle, a plain JavaScript class. This is only su...原创 2018-11-21 09:31:42 · 175 阅读 · 0 评论 -
Vue 混入 (mixins) 学习笔记
概念: 混入是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 混入的写法 1、全局混入 Vue.mixin({ data(){ return{ num:1 } } }) 2、 var mixin={ data()...原创 2018-10-24 15:40:34 · 261 阅读 · 0 评论 -
Mock.js 学习笔记
目录 数据模板定义规范 数据定位符定义规范 Mock.mock(rurls?,rtype?,template|function(options)) Mock.setup(settings) Mock.Random 拓展 数据模板定义规范 数据模板中的每个属性由3个部分组成:属性名、规则、属性值。 'name|rule':value 注意: 1、属性名和规则之间用 | 分割。...原创 2018-11-01 11:17:36 · 886 阅读 · 0 评论 -
vue 生命周期
一、beforeCreate 在这个生命周期中,主要进行实例的创建,以及事件的初始化、周期的初始化以及render方法的初始化 var vm=new Vue({ el:'#app', data:{}, methods:{ test(){ console.log('test') } }, bef...原创 2018-10-22 16:08:07 · 86 阅读 · 0 评论 -
es6 Iterator 和 for...of 循环 学习笔记
Iterator 作用: 1、为各种数据结构,提供一个统一的、简便的访问接口。 2、使得数据结构的成员能够按照某种次序排列 3、ES6创造了一种新的遍历命令for...of..循环,Iterator接口主要供for...of...消费 遍历历程 1、创建一个zhu指针对象、指向当前数据结构的起始位置 2、第一次调用指针对象的next方法,可以将指针指向数据结构的第一个成员。 3、第...原创 2018-10-12 16:35:43 · 101 阅读 · 0 评论 -
es6 Set数据结构 学习笔记
Set是ES6提供的一种新的数据结构,它类似于数组,但是成员都是独一无二的,没有重复的值。 Set函数本身是一个构造函数,用来生成Set数据结构。 Set函数接受一个具有Iterable接口的数据结构作为参数,用来初始化。 //情景1:不传递参数 let set1=new Set(); //情景2:接受一个数组作为参数 let set2=new Set([1,2,3]); //情...原创 2018-09-21 14:34:56 · 120 阅读 · 0 评论 -
es6 Map数据结构 学习笔记
含义和基本用法 Map结构类似于对象,也是键值对的集合,但是键的访问不仅限于字符串,各种类型的值(包括对象)都可以当作键。 Map函数是Map数据结构的构造函数,可以通过new方法创建map数据结构 Map函数可以接受一个数组(任何具有Iterator接口的数据都可以)作为参数,数组的成员是一个个表示键值对的数组 //情景1:参数为空 let map1=new Map() // map ...原创 2018-09-21 17:18:15 · 118 阅读 · 0 评论 -
es6 Symbol 学习笔记
基本概念 ES6新引入了一种数据类型Symbol,它是JavaScript中的第七中数据类型。其他六种分别为:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。 1、引入原因 ES5 的对象属性名都是字符串,这容易造成属性名的冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。...原创 2018-09-25 10:16:01 · 365 阅读 · 0 评论 -
es6 Proxy 学习笔记
概述 Proxy(代理),可以理解成,在目标对象之前架设一层(拦截),外界对对象的访问都必须先通过这层拦截,通过这种代理操作的机制,可以对外界的访问进行过滤和修改。 let person={name:'lilei'} let obj=new Proxy(person,{ get:function(target,key,receiver){ if(key in targ...原创 2018-09-25 16:10:28 · 139 阅读 · 0 评论 -
es6 Promise对象 学习笔记
Promise是一个对象,从它可以获取异步操作的消息。 Promise对象有以下两个特点 1、对象的状态不受外部影响。 Promise代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。 2、一旦状态发生改变,就不会在变,任何时候都能获取到这个结果。 Promise的状态改变只有两种可能,pending 变...原创 2018-09-30 16:24:57 · 181 阅读 · 0 评论 -
display:flex 弹性布局学习笔记(整理)
作用在flex容器的6大属性 1、flex-direction:row / row-reverse / column / column-reverse:设置主轴方向(子元素的排列方向) row:子元素从水平方向的左端开始排列(默认) row-reverse:子元素从水平方向的右端开始排列 column:子元素从垂直方向的顶部开始排列 column-...原创 2018-09-28 14:35:28 · 198 阅读 · 0 评论