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 422

原创 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 301

转载 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 505

原创 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 992

翻译 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 354

原创 Vue 混入 (mixins) 学习笔记

概念：混入是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。混入的写法 1、全局混入 Vue.mixin({ data(){ return{ num:1 } } }) 2、 var mixin={ data()...

2018-10-24 15:40:34 357

原创 vue 生命周期

一、beforeCreate 在这个生命周期中，主要进行实例的创建，以及事件的初始化、周期的初始化以及render方法的初始化 var vm=new Vue({ el:'#app', data:{}, methods:{ test(){ console.log('test') } }, bef...

2018-10-22 16:08:07 146

原创 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 188

原创 es6 Promise对象学习笔记

Promise是一个对象，从它可以获取异步操作的消息。 Promise对象有以下两个特点 1、对象的状态不受外部影响。 Promise代表一个异步操作，有三种状态：pending(进行中)、fulfilled(已成功)和rejected(已失败)。 2、一旦状态发生改变，就不会在变，任何时候都能获取到这个结果。 Promise的状态改变只有两种可能，pending 变...

2018-09-30 16:24:57 301

原创 display:flex 弹性布局学习笔记（整理）

作用在flex容器的6大属性 1、flex-direction:row / row-reverse / column / column-reverse：设置主轴方向（子元素的排列方向） row：子元素从水平方向的左端开始排列（默认） row-reverse：子元素从水平方向的右端开始排列 column：子元素从垂直方向的顶部开始排列 column-...

2018-09-28 14:35:28 293

原创 js 前端数据多条件筛选过滤

最近在用vue做一个后台管理项目，因为vue2.0删除了内置的过滤器，无法再像1.0版本或者angularJs那样直接使用内置的过滤器实现数据的多条件筛选过滤。因此自己写了一个方法来实现这种功能。 //假设后端通过接口给我们的数据如下： let data = [ { name: 'Andy', age: 13 }, { name: 'Ja...

2018-09-27 14:53:07 15710 1

原创 js 判断变量数据类型方法集合（number，string，boolean，undefined，null，object）

字符串 1、typeof variable =='string' 2、variable.constructor==String 3、Object.prototype.toString.call(variable)==='[object,String]' 4、variable===variable+‘’ 必须用全等 5、正则数字 1、typeof variable == 'numbe...

2018-09-27 10:41:15 1504

原创 js 数组的 reduce() 和 reduceRight() 方法

基本概念 ES5新增了两种归并数组的方法：reduce() 和 reduceRight() 。这两个方法都会接受一个累加器函数，在这个函数中迭代数组的所有项，然后构建一个最终返回的值。 reduce()方法从数组的第一项开始，逐个遍历到最后。 reduceRight()方法则从数组的最后一项开始，向前遍历到第一项。方法解析 array.reduce(function(total, ...

2018-09-26 09:40:52 552

原创 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 213

基本概念 ES6新引入了一种数据类型Symbol,它是JavaScript中的第七中数据类型。其他六种分别为：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。 1、引入原因 ES5 的对象属性名都是字符串，这容易造成属性名的冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。...

2018-09-25 10:16:01 675

原创 es6 Map数据结构学习笔记

含义和基本用法 Map结构类似于对象，也是键值对的集合，但是键的访问不仅限于字符串，各种类型的值（包括对象）都可以当作键。 Map函数是Map数据结构的构造函数，可以通过new方法创建map数据结构 Map函数可以接受一个数组(任何具有Iterator接口的数据都可以)作为参数，数组的成员是一个个表示键值对的数组 //情景1:参数为空 let map1=new Map() // map ...

2018-09-21 17:18:15 187

原创 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 184

qq_35437531的博客