suntwylla-CSDN博客

原创 ES6—Class

一、Class基本语法class和构造函数类似，用于生成新对象。class Point { constructor(x, y) { this.x = x; // 属性 this.y = y; } toString() { // 方法 return '(' + this.x + ', ' + this.y + ')';...

2018-06-19 21:28:35 178

原创 ES6—Promise对象

一、含义Promise是个对象，用于传递异步操作消息。使用Promise可以将异步操作以同步的流程表达出来，避免了层层嵌套的回调函数。具有以下特征：对象的状态有三种：pending(进行中) resolved(已完成，又称Fullfilled)和rejected(已失败)。一旦状态改变之后，任何时候获取的结果都相同二、基本用法var promise = new Pro...

2018-06-17 19:01:22 146

原创 ES6—Genterator函数

Genter函数：function命令和函数名之间有一个星号（ES6没有规定星号写在哪个位置只要在function和函数名之间即可）函数体内部使用yield语句定义不同的内部状态调用genterator函数后返回一个指针对象，是一个遍历器对象，每次调用该遍历器对象的next方法，内部指针就上一次执行的地方开始，到下一条yield语句为止。yield语句是暂停标志，不能写在普通函...

2018-06-17 10:31:49 721

原创 ES6—Iterator和for...of循环

1、Iterator接口主要供for…of消费for..of循环 VS forEach forEach循环中途不能跳出，使用break命令和return命令都不可以。2、默认的Iterator接口部署在数据结构的Symbol.iterator属性一个数据结构只要具有Symbol.iterator属性，就可以认为是’可遍历的’。3、在ES6中有三类数据结构原生具备Iterator接...

2018-06-14 22:59:31 139

原创 ES6—Set和Map数据结构

一、Set1、概念ES6提供的一种新的数据解构，类似于数组，但是成员的值都是唯一的，没有重复的值。使用方法：var s = new Set();[2,3,5,4,5,2,2].map(x =&amp;gt; s.add(x))for(i of s) {console.log(i)}; //2 3 5 4 向set加入值时不会发生类型转换，所以5和”5”是两个不同的值其判断相等...

2018-06-14 22:40:59 157

原创 ES6—对象的扩展

1、属性和方法的简洁表示法在对象中可以只写属性名，不写属性值，此时属性值就等于属性名对应变量的值。方法也可以简写省略function。在简写过程中，方法名总是被解析成字符串，所以即使class是关键字，以下代码不会报错：let obj = { class () { }}因为其被解析为let obj = { &quot;class&quot;: function()...

2018-05-28 20:01:46 159

原创 ES6—函数的扩展

1、函数参数的默认值ES6允许为函数的参数设置默认值，可以直接写在参数定义的后面。参数中的变量是默认声明的，多以不能使用let或const再次声明定义了默认值的参数应该放在函数参数的末尾函数的length属性返回不包含指定默认值的参数个数（for length为函数预期传入的参数个数）如果参数的默认值是一个变量，则该变量的作用域先是当前函数作用域，再是上级作用域（但需要函数调用时该...

2018-05-28 00:07:01 169

原创 ES6—数组的扩展

1、Array.from(obj, func)(1)Array.from用于将两类对象转化成真正的数组类似数组的对象任何有length属性的对象，都可以通过Array.from方法转化为数组可遍历的对象(2)对于还没有部署该方法的浏览器，可以使用Array.prototype.slice方法替代const toArray = (() => Array.from ...

2018-05-26 23:50:02 354

原创 ES6—字符串的扩展

1、可用unicode表示一个字符\u***其中*为字符的码点(1) codePointAt()获取当前字符的unicode编码，能够正确处理4个字节存储的字符(2) String.fromCodePoint()从unicode编码转换成字符2、字符串遍历及读取方法(1) for value of str对字符串进行遍历(2) at()获取指定位...

2018-05-25 16:18:06 163

原创 ES6—变量的解构赋值

一、数组的解构赋值1、模式匹配：只要等号两边的模式相同，左边的变量就会按照顺序依次被赋予对应的值只要某种数据解构具有Iterator接口，都可以采用数组形式的解构赋值如果解构不成功，变量的值为undefinedvar [foo] = []foo:undefined不完全解构，解构仍然执行let [x,y] = [1,2,3]x==1y==2解构允...

2018-05-24 21:31:31 120

原创 ES6—let和const

ES6中提出了新的变量声明方式let和const，两种变量声明方式都有各自的特点，对两种变量声明方式进行简单的总结。1、let命令块级作用域没有变量提升暂时性死区不允许重复声明（1）块级作用域所声明的变量只在其所在的块级作用域内有效（2）没有变量提升所有let声明的变量必须在声明之后使用（3）暂时性死区同上代码块内变量必须在声明之后使用（4）不允许重复声明不允许使用let在同个作用域内多次

2018-04-20 11:08:52 112

原创 JavaScript计时器

计时器分类一次性计时器：仅在指定的延迟时间之后触发一次。 setTimeout() clearTimeout()间隔性触发计时器：每隔一定的时间间隔就触发一次。 setInterval() clearInterval()

2017-06-15 14:41:33 275

原创文本和字体

文本和字体的格式

2017-06-14 16:21:03 252

原创背景

大小覆盖顺序依次为：内容区=>padding=>背景图=>border=>外边距 background-color background-image background-repeat background-position background-size background-attachment background-clip/origin/break linear-gra

2017-06-14 10:03:49 311

原创浮动、定位及显示属性

浮动与清除浮动定位显示属性

2017-06-12 21:28:09 281

原创盒模型

盒模型主要有两种：标准盒模型和IE盒模型标准盒模型：盒子的width和height设置的为盒子内容的宽高 IE盒模型：盒子的width和height设置的为盒子内容的宽高+padding+border

2017-06-12 20:50:11 313

原创置换元素&&非置换元素

置换元素&&非置换元素

2017-06-12 20:32:24 303

原创 CSS工作原理及选择符

CSS工作原理选择符

2017-06-12 15:16:32 340

原创 Vue-表单控件绑定

文本多行文本复选框单选框选择列表修饰符

2017-06-08 11:24:54 400

原创 Vue学习—事件处理器

监听事件事件方法处理器内联方法处理器事件修饰符按键修饰符

2017-06-08 10:10:59 311

原创 Vue-条件渲染

v-if

2017-06-05 21:57:41 279

原创 Vue学习—Class与Style绑定

class和style绑定，使用v-bind处理，并在v-bind上对表达式的结果类型进行了扩展，除了字符串之外还可以是对象或数组。

2017-06-05 21:06:38 461

原创 Vue学习——v-for

数组迭代对象迭代整数迭代用于组件key数据更新检测过滤和排序

2017-06-05 09:23:24 425

原创 Vue学习-模版语法

Vue模版语法

2017-06-03 22:31:55 207

原创 Vue学习-构造器

构造器创建构造器组件构造器（自定义构造器）构造器的属性和方法构造器的生命周期Vue构造器var vm=new Vue({})组件构造器可扩展Vue构造器，从而创建可复用的组建构造器。 var MyComponent=Vue.extend({}) var myComponentInstance=new MyComponent()

2017-06-03 21:34:33 1177