自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

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

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

原创 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>, &lt...

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 3305

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

原创 容器内多行文本居中的方法

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关注的人

提示
确定要删除当前文章?
取消 删除