- 博客(40)
- 收藏
- 关注
转载 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` 属性指定链接. --> <!-- <router-link> 默认会被渲染成一个 `<a>` 标签 --> <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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人