- 博客(23)
- 收藏
- 关注
RSS订阅原创 ES6 学习09 Symbol数据类型
1.JS数据类型先来看看 JS传统的数据类型数据类型概述传统 JS 中数据类型分为 基本类型 和 引用类型（1）基本类型Number类型Boolean类型String类型nullundefined基本类型变量间的相互复制var a = 10; //开辟一块内存空间保存变量a的值“10”（基本类型）；var b = a; //给变量 b 开辟一块新的内存空间，将 a 的值...
2019-10-31 17:16:20
130
3
原创 ES6学习08 数值的新特性及方法
此文参考学习于 阮一峰老师《ES6入门》，更多特性以及方法可以点击查看1.数值 指数运算符ES2016 新增了一个指数运算符（**）。2 ** 2 // 42 ** 3 // 8多个指数运算符连用时，是从最右边开始计算的。简单来说就是从左至右来计算// 相当于 2 ** (3 ** 2)2 ** 3 ** 2// 512指数运算符可以与等号结合，形成一个新的赋值运算符（**=...
2019-10-30 11:56:34
131
原创 ES6学习07 对象新特性及方法
1.属性的简洁表示法1.1.表示方法ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。更加简洁const foo = 'bar';const baz = {foo};baz // {foo: "bar"}// 等同于const baz = {foo: foo};上面代码中，变量foo直接写在大括号里面。这时，属性名就是变量名, 属性值就是变量值。下面是另一个例...
2019-10-27 13:04:21
261
原创 JS可枚举属性
1.什么是枚举可枚举可以理解为是否可以被遍历被列举出来，可枚举性决定了这个属性能否被for…in查找遍历到。js中基本包装类型的原型属性是不可枚举的（不可被 for…in… 遍历），比如：Boolean,Number和String，即是基本类型，也是引用类型。基本包装类型还可以像引用类型一样访问它自带的一些方法，但是不能像引用类型那样自定义方法。var num = new Number...
2019-10-25 17:26:18
7079
2
转载 不获取元素，直接使用id操作dom元素
不获取元素，直接使用id操作dom元素今天无意中发现个让我很吃惊的问题。不使用getElementById方法，也可以用id直接操作有id的元素。继续搜索后，发现name也可以直接操作…这让我大感意外，了解以后，忍不住写点东西记录下来。如果dom元素的id名称不和js内置属性或全局变量重名的话，该名称自动成为window对象的属性<!DOCTYPE html><ht...
2019-10-25 09:21:24
654
原创 ES6学习06 数组新特性及方法
1.扩展运算符1.1.基本使用扩展运算符（spread）是三个点（…）。它可以将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [<div>, <...
2019-10-24 10:52:04
202
原创 小程序接口实现点击当前video，暂停页面其它video
1.开发过程今日开发小程序时，需要点击当前video播放，其它video暂停。下面来记录一下首先我先在小程序开发文档中找了对应的 API ， 找了半天发现了这个下面也附上了此API获取实例中的一些方法上面的实例的方法没有全部列出，大家可以到 小程序文档 中查看。小程序有很多的接口，说明其实并不那么详细，所以说找接口时也浪费了很多时间。附上代码html代码：<block w...
2019-10-23 21:19:39
2131
原创 Array.prototype.push() 源码探究
在学习阮一峰老师的《ES6入门》的数组的扩展运算符时遇到了这样一串代码// ES5的 写法var arr1 = [0, 1, 2];var arr2 = [3, 4, 5];Array.prototype.push.apply(arr1, arr2);// ES6 的写法let arr1 = [0, 1, 2];let arr2 = [3, 4, 5];arr1.push(......
2019-10-21 21:55:43
667
原创 ES6学习05 解构赋值
1.数组的解构赋值1.1.基本用法ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构ES6允许以下的方式为变量赋值let [a, b, c] = [1, 2, 3];上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子。let...
2019-10-21 16:34:12
128
原创 ES6学习04 函数新特性
1.形参允许设置默认值ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。function log(x, y = 'World') { console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // Hello参数变量是默认声明...
2019-10-19 18:48:42
216
原创 使用JS获取当前时间，并实时更新
话不多说，直接上代码function getDate(){ var myDate = new Date(); //实例化Date函数，获取日期等时间 console.log(myDate) //Wed Oct 16 2019 10:30:02 GMT+0800 (中国标准时间) myDate.getYear(); //获取当前年...
2019-10-16 10:48:36
3307
原创 ES6学习03 字符串新特性及方法
1.字符的Unicode表示法1.1.允许用/uxxxx表示字符ES6加强了对 Unicode 的支持，允许用/uxxxx形式表示一个字符，其中xxxx表示字符的 Unicode 码点。"\u0061" // "a"注意：这种表示法只限于码点在/u0000~/uFFFF之间的字符。超出范围的，用两个字符表示。1.2.大括号表示法"\uD842\uDFB7" // "????""...
2019-10-14 21:51:23
245
原创 关于setTimeout深度理解
这两天在学习过程中，经常用到了setTimeout( ) 方法，详细了解后发现，这个方法并不是以前想的那么简单，网上看了很多网友的实例，很受启发。下面根据实例再来重新梳理一下1.setTimeout( )基本概述setTimeou方法可以使函数按要求延迟一段时间执行，并且可以传递参数setTimeout(function/code, milliseconds, param1, param2...
2019-10-13 12:08:12
304
原创 ES6学习02 箭头函数
1.基本用法1.1定义箭头函数ES6允许了用“箭头”（=>）来定义函数var f = v => v;// 等同于var f = function (v) { return v;};当函数没有参数或者有多个参数（多于一个）时，需要用括号包裹（代表）参数部分var f = () => 5;// 等同于var f = function () { return...
2019-10-12 22:00:18
196
原创 ES6学习01 var,let与const的用法与区别以及顶层对象的属性
今天开始接触ES6，在ES6文档中学习了var let const的用法与区别，下面来记录一下。1.let命令1.1用途概述let命令用来申声明变量。所声明的变量，只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1花括号内为代码块，其中包裹了用let与...
2019-10-10 11:35:59
170
原创 css实现文本溢出显示省略号
white-space:nowrap; //文本溢出不换行overflow:hidden //溢出文本隐藏text-overflow:elipsis; //文本溢出时，文本末尾出现省略号。
2019-10-09 10:20:20
82
原创 小程序分包报错
今日在开发学习小程序分包时遇到了一个很棘手的问题，分包操作都是正确的，就是以一直会报错， 报错如下：此报错看的我一头雾水，以为是页面路径错了，试了不下10多遍，相对和绝对都用上，然而还是报错，于是请教群里的大神后才知道。原因如下：小程序的报错对于我这种小白来说还不是很详细，很难发现他的问题，后来发现是因为分包中的css文件里面@import了其他的css文件，而引入文件路径又是相对路径，...
2019-10-08 15:54:36
691
原创 Vue事件修饰符 | | 按键修饰符 | | 表单修饰符
事件修饰符，顾名思义就是处理事件的修饰符1.修饰符预览.stop //阻止事件冒泡.prevent //组止默认时事件（例如a标签的默认跳转）.capture //监听元素并优先触发在该元素上的事件（当元素发生冒泡时，谁有该事件修饰符，就先触发谁。 先看没有该修饰符的操作）.self //只有点击当前元素时候，才会触发事件处理函数,该元素的事件不会因为冒泡而触发。....
2019-10-07 17:28:44
221
原创 css 伪类与伪元素以及使用其清除浮动
在开发过程中经常用到伪类与伪元素清除浮动，今天就来梳理一下二者的关系与概念先来看看官方的解释从w3c给的解释可以看出伪类与伪元素概念上没有区别，都是向css选择器设置特殊效果。而二者的区别就是语法上会有不同伪类:link {color: #FF0000} /* 未访问的链接 */:visited {color: #00FF00} /* 已访问的链接 */:hover {colo...
2019-10-06 22:57:16
646
原创 html实现两栏布局
css代码html,body{ height: 100%; margin: 0; overflow-y: hidden; }.left{ position: absolute; left: 0; right: 0; width: 300px; height: 100%; background: red;}.right{ height: 100%;...
2019-10-06 21:54:20
3511
原创 各属性兼容问题
透明度opacity：;//值为0到1filter：alpha（opacity=值）//IE中的透明度兼容，值为0到100的数字。
2019-10-06 21:07:13
133
原创 容器内多行文本居中的方法
1. 将文本的容器display设为table2. 将文本display设为table-cell3. 将文本vertical-align设为middle
2019-10-06 17:45:44
194
原创 form提交数据表单 学习笔记
form标签的属性<form method = 'get|post' //决定数据提交的方式 （get 或 post） action = '' // 接受数据的地址 ></form>form标签的组件1. input<input type = 'text|password|submit|radio|checkbox' //决定...
2019-10-03 16:37:02
261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人