aidie7178-CSDN博客

转载 ECMAScript6 入门 Generator

----------------------------------------------------------------------------------------------------------------------------基本概念Generator 函数是一个状态机，封装了多个内部状态,执行 Generator 函数会返回一个遍历器对象Gen...

2019-09-27 14:29:00 117

转载 ECMAScript6 入门 Promise

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------...

2019-09-26 18:09:00 126

转载 ECMAScript6 入门 Set 和Map结构

Set 和 Map 数据结构1：Set本身是一个构造函数，用来生成 Set 数据结构(它类似于数组，但是成员的值都是唯一的，没有重复的值)(所以可以用它来对数组去重)[...new Set(array)](去除字符串里面的重复字符)[...new Set('ababbc')].join('')Set函数可以接受一个数组(或者具有 iterable 接口的其...

2019-09-26 14:10:00 131

转载 ECMAScript6 入门 Symbol

Symbol：一种新的原始数据类型，表示独一无二的值。以前的数据类型可能变量不同，但是变量的值可以相同；而Symbol类型的变量的值是独一无二的。原本的对象的属性名都是字符串，还要小心发生冲突，凡是属性名为Symbol类型的，就是独一无二的，可以保证不去其他属性名冲突let s = Symbol(); //函数前不能使用new操作符，因为生产的是一个原始类型的值，...

2019-09-26 14:06:00 122

转载 ECMAScript6 入门对象的扩展

对象的扩展1：属性的简洁表示(也就是说当对象的属性和值同名时，可以缩写为一个)const foo = 'bar';const baz = {foo};baz // {foo: "bar"}// 等同于const baz = {foo: foo};方法简写const o = { method() { return "H...

2019-09-25 16:18:00 107

转载 ECMAScript6 入门数组的扩展

数组的扩展1：扩展运算符......：好比rest参数的逆运算，将一个数组转换为用逗号分隔的参数序列主要应用于函数调用，将一个数组，变为参数序列如果扩展运算符后面是一个空的数组，不会产生任何效果；当然也可以跟一个表达式，但是表达式的返回值是一个数组；只有函数调用的时候，扩展运算符才可以放到圆括号当中(...[1, 2])// Un...

2019-09-25 15:31:00 92

转载 ECMAScript6 入门函数的扩展

为函数参数设定默认值function log(x, y = 'World') { console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // Hello注意:参数变量是默认声明的，所以不能用let或con...

2019-09-25 10:46:00 58

转载 ECMAScript6 入门-let与const命令

块级作用域　　1:let命令声明的变量只在let命令所在的代码块有效--简而言之大括号既是代码块，也就是说存在块级作用域了.{ let a =10; var b =1;}a // ReferenceError: a is not defined.b //1　　重点:所以let命令很适合在for循环当中，并且for循环的设置循环变量的那...

2019-09-24 14:53:00 107

转载编码规范

## Javascript 篇### 命名规范* `强制` 杜绝完全不规范的缩写，避免望文不知义(随意缩写会严重降低了代码的可阅读性)。* `强制` 代码中的命名严禁使用拼音与英文混合的方式，更不允许直接使用中文的方式。> 说明：正确的英文拼写和语法可以让阅读者易于理解，避免歧义。注意，即使纯拼音命名方式也要避免采用。 > 正...

2019-09-19 14:55:00 96

转载 webpack常用插件

1 copy-webpack-pluginCopies individual files or entire directories, which already exist, to the build directorywebpack-copy-plugin is not designed to copy files generated from the buil...

2019-09-18 00:37:00 163

转载 JS与CSS那些特别小的知识点区别

1：target与currentTarget的区别currentTarget指向的事件绑定的元素，target指向的是你点击的元素2:attr与jprop在jQuery在API当中的区别2.1:首先要区分html标签与DOM元素对象的区别，页面加载以后，HTML标签在内存中都会对应一个DOM元素对象，他会将HTML标签固有的特性转化为对象属性，2...

2019-08-23 17:03:00 115

转载 Array库

/** * 查找元素在数组中出现的所有位置 * @param {要查找的数组} array * @param {要查找的元素} ele * @param {回调函数} callback */function findAllIndex(array, ele, callback) { let indices = []; if (ar...

2019-08-23 17:00:00 229

转载 JS库

//毫秒转换成时间格式方法function timestampToTime(timestamp) { var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 Y = date.getFullYear() + '-'; M = (date.getMonth()+...

2019-04-28 10:29:00 79

转载 Object冷知识

Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__语法：Object.create(proto, [propertiesObject])propertiesObject：没有指定为undefined,否则为添加到新创建对象的可枚举属性（即其自身定义的属性，而不是其原型链上的枚举属性）对象的属性描述符以及相应的属性名称...

2019-04-26 14:41:00 90

转载 navigator的一些冷知识

{ 监听屏幕旋转变化接口: orientationchange orientation.angle : 0 竖屏 , 90 向左横屏 , -90/270 向右横屏 , 180 倒屏 }screenOrientation: function(){ let self = this; let orientation = screen.o...

2019-04-25 17:06:00 278

转载 Vue-Router嵌套路由

1:查看router-view所对应的位置,是属于顶级出口还是存在于某个组件当中2:当router-view存在于某个组件当中时const User = { template: ` <div class="user"> <h2>User {{ $route.params.id }}</h2> &l...

2019-03-06 11:55:00 70

转载 Vue-Router动态路由匹配

//重点在于路由出口 <p>    <router-link to="/...

2019-03-06 11:43:00 216

转载 vue笔记-列表渲染

用v-for把一个数组对应为一组元素使用方法：v-for="(item,index) in items"//也可以使用of替代in{ items:源数组 item:数组元素迭代的别名 index:当前项的选项}<ul id="example-1"> <li v-for="item in items" :key="i...

2019-01-11 13:54:00 95

转载 vue笔记-条件渲染

条件渲染　　1:指令v-if单独使用和结合v-else//单独使用<h1 v-if="ok">Yes</h1>//组合使用<h1 v-if="ok">Yes</h1><h1 v-else>No</h1>//切换多个元素放在template标签里面<template v-...

2019-01-11 13:52:00 95

转载常见问题解决

1. ios中，输入框获得焦点时，页面输入框被遮盖，定位的元素位置错乱方案一：inputOnFocus(e){ setTimeout(() => { e.target.scrollIntoView(true); // true:元素的顶端将和其所在滚动区的可视区域的顶端对齐; false:底端对齐 }, 200);...

2019-01-11 13:42:00 156

转载 vue笔记-生命周期

生命周期钩子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...

2019-01-11 11:18:00 84

转载 css position各种定位及区别

position定位：static：静态定位;是position的默认值，元素框正常生成，也就是没有定位时的正常显示。relative：相对定位; 用法一：元素相对自身的原位置偏移某个距离，但是原本的空间依旧保留，表现为空白。用法二：把一个元素设置为position: relative; 可以使该元素的子元素相对该元素绝对定位。absolute：绝对定位;元素...

2018-12-29 15:08:00 233

转载 JS设计模式

一:设计模式1:工厂模式function createPerson(name,age,job){ var obj = new Object(); obj.name = name; obj.age = age; obj.job = job; obj.speak = function(){ console.log...

2018-08-01 18:13:00 68

转载 JS对象与原型链

每个函数都存在一个prototype的属性,然后这个属性值为一个对象,我们称之为原型对象每个对象都存在着一个隐藏的属性"__proto__" 这个属性引用了创建这个对象的函数的prototype1:Object对象是由Function函数创建的Object.__proto__ == Function.prototype2:Object的原型对象指向空Objec...

2018-07-31 17:05:00 73

转载 JS浅谈原始值与引用值操作

值的操作分为三大类：复制，传递，比较一：复制原始值let a = 10;let b = a;注释:2018-7-30 17:33:491 原始类型的值都是存放在栈内存当中,所以他们的赋值操作,其实相当于在栈内存开辟新的空间,然后将值的副本赋给新的内存,所以他们互不干扰引用值let obj = { name:'panrui'};le...

2018-07-31 09:07:00 94

转载 JS对象的拷贝

1:对数据进行备份的时候,如果这个数据是基本的数据类型，那么很好办，通过赋值实现复制即可。赋值与浅拷贝的区别var obj1 = { 'name' : 'zhangsan', 'age' : '18', 'language' : [1,[2,3],[4,5]],};var obj2 = obj1; //赋值得到的对象v...

2018-07-27 17:53:00 63

转载函数节流与函数防抖

函数防抖debounceps:单反拍照的时候在你按下拍照的瞬间拍摄了多张照片,然后通过合成比对,生成了一张照片.翻译成JS就是，事件内的N个动作会变忽略，只有事件后`由程序触发`的动作只是有效实现思路如下，将目标方法（动作）包装在setTimeout里面，然后这个方法是一个事件的回调函数，如果这个回调一直执行，那么这些动作就一直不执行。为什么不执行呢，我们搞了一个clearTim...

2018-07-27 15:39:00 55

转载 Vue学习陷阱

v-for在嵌套时index没办法重复用，内循环与外循环不能共用一个index<swiper-item v-for="(items,index) in swiperList" :key="index"> <div v-for="item in items" class="swiper-info" :key="item.id" @click="choos...

2018-07-27 11:29:00 259

转载 JS 的骚操作

一、强制类型转换1.1string强制转换为数字//可以用*1来转化为数字((实际上是调用.valueOf方法) 然后使用Number.isNaN来判断是否为NaN，或者使用 a !== a 来判断是否为NaN)'32' * 1 // 32'ds' * 1 // NaNnull * 1 // 0...

2018-07-26 15:46:00 214

转载 ECMAScript6 入门 Module

目的:将大程序拆分成互相依赖的小模块文件.CommonJS 和 AMD 两种,前者用于服务器，后者用于浏览器.他俩都是运行时才确定　　:ES6 模块的设计思想(浏览器和服务器通用)是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量　　ES6 模块不是对象，而是通过export命令显式指定输出的代码，再通过import命令输入// CommonJS模块...

2018-06-28 00:00:00 94

转载我与Vuex的第一次邂逅

new Vue({ // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div> `, // actions methods: { increment ...

2018-06-11 10:18:00 97

转载 Vue-Router 学习笔记

1:当router-link组件默认渲染成一个a标签,通过to属性指定目标地址,当对应的路由匹配成功,会自动给激活的标签设置class属性值API 1:to:表示目标路由的链接,当被点击时,内部会立刻把to的值传到router,push(),2:replace 设置的话,调用的是router.replace() 而不是router.push()的方法3:appe...

2018-06-06 23:55:00 111

转载 vue笔记-模板,计算属性,class与style,data属性

数据和方法　　1:只有当实例被创建时data中存在的属性才是响应式的,也可以预定义一些空的属性,唯一的意外就是Object.freeze(obj),这会阻止修改现有的属性;也就是说一个数据在放到根实例的data对象之前被Object.freeze操作过，那么就不在动态响应//存在的属性是响应式的,预定义空的属性//Object.freeze(obj) 不再响应da...

2018-06-01 14:23:00 129

转载理解对象及对象的属性

一：理解对象的属性属性类型：数据属性和访问器属性1数据属性：数据属性有四个描述其行为的特性　　1.1 Configurable：表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能否将属性修改为访问器属性　　1.2 Enumerable：表示能否通过for-in循环返回属性，　　1.3 Writable：能够修改属性的值　　1.4 Valu...

2018-05-07 15:23:00 183

转载笔记-JS高级程序设计-BOM篇

BOM提供了很多对象，用于访问浏览器的功能。这些功能与任何网页无关。1BOM的核心对象是window，它代表浏览器的一个实例，它是通过JS访问浏览器窗口的一个借口，同时又是ECMAScript规定的global对象，因此我们在网页中定义的任何一个对象，变量和函数都是以window作为其global对象的(ES6规定，let，const，class定义的全局变量，不再是以window作...

2018-05-07 14:44:00 97

转载 ECMAScript6 入门变量的解析赋值

ES6 允许按照一定模式，先从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。这句话的解释：第一步从数组或者对象中提取值，第二步将提取到的值对变量进行赋值数组的解构赋值　　重点:如果等号的右边的数据结构不存在Iterator接口,那么就会报错.//以前，为变量赋值，只能直接指定值let a = 1;let b = 2;le...

2018-05-05 23:39:00 102

转载初心不负笔记-JS高级程序设计-引用类型篇-Array

ES3方法集合：1join()方法，将一个数组里面的所有元素转换成字符串，然后再将他们连接起来返回一个字符串，通过制定的符号，默认值为逗号。不会改变原数组var a = [1,2,3,4,5];a.join();"1,2,3,4,5"typeof (a.join());"string"typeof a"object"2reverse()方法对数...

2018-04-04 09:31:00 67

转载 CSS-样式篇

2文本：　　1文本缩进：text-indent：理论上只有块级元素才可以设置(百分比是相对于父元素的宽度，负值的话要设置内边距进行抵消，防止超过浏览器边界)，行内元素可以通过内边距和外边距来达到同样的效果　　2水平对齐：text-align 文字的对齐方式　　3字间隔：word-spacing改变字之间的间距，　　4文本修饰：text-decoration：underli...

2018-04-02 23:44:00 100

转载笔记-JS高级程序设计-变量，作用域和内存问题

1在将一个值赋给变量时，解析器必须确认这个值是基本类值还是引用类型值，基本类型值是按值访问的，可以操作保存在在变量中的实际值，引用类型是保存在内存中的对象，JS不允许直接访问内存中的位置，所以实际操作的是对象的引用而不是实际对象。(当复制保存这对象的某个变量时，操作的是对象的引用，但是为对象添加属性的时候，操作的却是实际对象)。2"JS一切皆对象"，当然了简单值就不是对象。对象就是...

2018-03-20 22:36:00 89

转载笔记-JS高级程序设计-基本概念篇

1：JS中的一切(变量，函数名和操作符)都是区分大小写的2：标识符(变量，函数，属性的名字，以及函数的参数)，第一个字符必须是字母，下划线，或者美元$，书写方式采用驼峰式，不能将关键字作为标识符。3：JS的变量是松散类型，每个变量仅仅是一个用于保存值的占位符，未初始化的变量都会保存一个特殊值--undefined。4：JS的五种基本数据类型(Undefined，Null，Bo...

2018-03-19 21:47:00 72

空空如也

空空如也