- 博客(17)
- 收藏
- 关注
RSS订阅翻译 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
282
原创 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
转载 React-router-dom 学习笔记（二） API
<BrowserRouter><BrowserRouter> 使用 HTML5 提供的 history API (pushState, replaceState 和 popstate 事件) 来保持 UI 和 URL 的同步。import { BrowserRouter } from 'react-router-dom';<BrowserRouter ...
2018-11-20 15:01:02
372
原创 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
885
翻译 js中的比较规范
SameValueNonNumber 规范这个规范规定：1、x和y都不为Number类型，且x与y的数据类型相同2、如果x = undefined，返回 true。3、如果x=null，返回 true。4、如果x的类型为String，并且x与y的长度及编码相同，返回true,否则返回false。5、如果x的类型为Boolean,并且x和y同为true或者false时，返回t...
2018-10-25 15:45:17
266
原创 Vue 混入 (mixins) 学习笔记
概念：混入是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。混入的写法1、全局混入Vue.mixin({ data(){ return{ num:1 } }})2、var mixin={ data()...
2018-10-24 15:40:34
261
原创 vue 生命周期
一、beforeCreate在这个生命周期中，主要进行实例的创建，以及事件的初始化、周期的初始化以及render方法的初始化var vm=new Vue({ el:'#app', data:{}, methods:{ test(){ console.log('test') } }, bef...
2018-10-22 16:08:07
86
原创 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
100
原创 es6 Promise对象 学习笔记
Promise是一个对象，从它可以获取异步操作的消息。Promise对象有以下两个特点1、对象的状态不受外部影响。 Promise代表一个异步操作，有三种状态：pending(进行中)、fulfilled(已成功)和rejected(已失败)。2、一旦状态发生改变，就不会在变，任何时候都能获取到这个结果。 Promise的状态改变只有两种可能，pending 变...
2018-09-30 16:24:57
178
原创 display:flex 弹性布局学习笔记（整理）
作用在flex容器的6大属性1、flex-direction:row / row-reverse / column / column-reverse：设置主轴方向（子元素的排列方向） row：子元素从水平方向的左端开始排列（默认） row-reverse：子元素从水平方向的右端开始排列 column：子元素从垂直方向的顶部开始排列 column-...
2018-09-28 14:35:28
195
原创 js 前端数据多条件筛选过滤
最近在用vue做一个后台管理项目，因为vue2.0删除了内置的过滤器，无法再像1.0版本或者angularJs那样直接使用内置的过滤器实现数据的多条件筛选过滤。因此自己写了一个方法来实现这种功能。//假设后端通过接口给我们的数据如下：let data = [ { name: 'Andy', age: 13 }, { name: 'Ja...
2018-09-27 14:53:07
15191
1
原创 js 判断变量数据类型方法集合（number，string，boolean，undefined，null，object）
字符串1、typeof variable =='string'2、variable.constructor==String3、Object.prototype.toString.call(variable)==='[object,String]'4、variable===variable+‘’ 必须用全等5、正则数字1、typeof variable == 'numbe...
2018-09-27 10:41:15
1308
原创 js 数组的 reduce() 和 reduceRight() 方法
基本概念ES5新增了两种归并数组的方法：reduce() 和 reduceRight() 。这两个方法都会接受一个累加器函数，在这个函数中迭代数组的所有项，然后构建一个最终返回的值。reduce()方法 从数组的第一项开始，逐个遍历到最后。reduceRight()方法 则从数组的最后一项开始，向前遍历到第一项。方法解析array.reduce(function(total, ...
2018-09-26 09:40:52
406
原创 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
原创 es6 Symbol 学习笔记
基本概念ES6新引入了一种数据类型Symbol,它是JavaScript中的第七中数据类型。其他六种分别为：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。1、引入原因ES5 的对象属性名都是字符串，这容易造成属性名的冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。...
2018-09-25 10:16:01
353
原创 es6 Map数据结构 学习笔记
含义和基本用法Map结构类似于对象，也是键值对的集合，但是键的访问不仅限于字符串，各种类型的值（包括对象）都可以当作键。Map函数是Map数据结构的构造函数，可以通过new方法创建map数据结构Map函数可以接受一个数组(任何具有Iterator接口的数据都可以)作为参数，数组的成员是一个个表示键值对的数组//情景1:参数为空let map1=new Map() // map ...
2018-09-21 17:18:15
115
原创 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
118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人