李小超yys-CSDN博客

原创如何在github上展示静态页面

先看demo：https://leechao1994.github.io/-dome/tuxiaobai/我们想在github上展示自己刚写的静态页面分为以下几个步骤： 1.将写好的项目上传到github上任意一个新建的项目上 2.创建一个名为gh-pages的分支 3.注意！上传的文件夹中必须有index.html文件 4.输入网址访问。网址格式 https://leec...

2018-03-21 17:24:35 3602 4

原创新特性for...of

for…of是什么 for…of是一种用于遍历数据结构的方法。它可遍历的对象包括字符串、数组、对象、set和map结构等具有iterator（遍历器）接口的数据结构。传统遍历数组的方法以及缺点1.for循环 var log = console.log.bind() var arr = [1,3,5,7,9]; for(let i = 0;i<arr.l...

2018-03-16 22:45:27 333

原创 es6 Proxy代理

1.Proxy的实现 es6为开发者提供了一个新特性：Proxy，就是代理的意思。就好比如我们无法修改我们自己银行账户上的数据，需要代理给柜员，帮我们办理存钱或者取钱业务，而Proxy也是这样的一种机制。 var log = console.log.bind() // 定义一个对象person var person = {name:'小白'}...

2018-03-15 16:18:14 333

原创新型的数据类型：Symbol

1.数据类型 js中有6中基本数据类型，分别是：String字符串、Number数值、Object对象、Boolean布尔、Null空值、Undefined 未定义。2.因为出现属性或方法名称存在冲突，从而导致对象的属性和方法被覆盖，为了解决对象的属性名冲突，便设计了Symbol数据类型。 var sy1 = Symbol(); console.log(sy1) //Sy

2018-01-24 18:54:01 441

原创 es6函数的扩展

1.参数的默认值在开发中，给函数参数指定默认值，是很普遍很常见的需求。原理：如果运算符 || 左边为true就直接返回左侧的值，否则返回右侧的值。但是需要注意的是：参数对应的布尔值不能为false（比如：数字0，空字符串等转换成布尔值就是false），这就使得传统的实现方式存在一定的缺陷。// 传统方式function person(name,age){ var nam

2018-01-22 09:20:51 234

原创 es6对象的扩展

es6不仅为字符串、数值和数组带来了扩展，也为对象带来了很多新的特性。 1.es6对象简洁的写法 // 传统写法 var obj = { name:'lichao', say:function(){ alert(this.name) } } console.log(obj) obj.s

2018-01-16 09:48:32 1216

原创 es6数组的拓展

1.Array.of（）函数函数的作用就是将传入的一组参数转换成数组。console.log(Array.of(1,2,5,8,9))[1, 2, 5, 8, 9]2.Array.from（）函数就是将类似数组的对象或者可以遍历的对象转换成真正的数组。let arr = document.getElementsByTagName('div')得到的是一个类似数组的对象，但是

2018-01-15 14:13:09 489

原创教你如何快速让浏览器兼容es6特性

1.为什么浏览器会有兼容性问题？答：浏览器没有更新新的版本，或者浏览器没有对es6新的特性做兼容，所以会导致浏览器无法识别我们新写的代码，从而导致报错2.如何解决兼容性问题？答：1.使用最新的浏览器。比如谷歌或者火狐。但是即使是最新的浏览器可能也会出现部分新特性无法支持的情况。所以就产生了第二种解决方案，也是当前最普遍用的最多的方案。2.语法解析转换工具。什么是语法解析转换工具呢？

2018-01-15 13:55:10 2900

原创 es6数值类型拓展

1.es5中全局函数有哪些？答：isNaN函数，isFinite函数，parseInt函数，parseFloat函数等，原先呢这些函数都是属于window对象下的全局函数，在es6的标准中将他们移在了Number对象下。所以在使用之前必须指明是在number对象下，否则会被认为是window下的。那么，为什么好端端的在window对象下的函数要移植到number对象下呢。这样做的目的是慢

2018-01-15 13:34:27 328

原创 es6学习过程（三）

字符串的扩展 1.模板字符串模板字符串是字符串的一个新特性，以前我们要实现字符串的拼接的时候是这样的：let name = '小白';let str = 'my name is ' + name;而es6的模板字符串出来以后我们可以写成这样：let name = '小白';let str = `my name is ${name}`; //这个符号是tab上面，数字1左边的键那么，这样写有

2017-11-19 21:48:27 227

原创 es6学习过程（二）

1.解构赋值什么是解构赋值呢？官方的解释：ES6允许按照一定模式，从数据和对象中提取值，对变量进行赋值，这被称为解构。单纯的文字上来看，可能不太好理解。但是呢，其实通过例子来学习的话还是比较简单的。下面来看看例子：let arr = [4,5,6];//如果呢，按照以前的写法，我们可能会这样写// let a = arr[0];// let b = arr[1];// let c =

2017-11-14 22:29:51 192

原创 es6学习过程（一）

一、let关键字的用途在平时我们写代码的时候，都是用var来声明一个变量（其实也没有其他的关键字了==）。但是在es6出来以后，除了var，还可以使用let来声明变量。为什么会出现let而不仅仅使用var就好了呢? 那是因为var这个关键字在某些时候是很坑的。var的不足之处 1.如果使用var声明的变量会影响到其他的作用域。比如说下面这个例子，从例子来上看我们是想让执行arr[8]的时候弹

2017-11-06 21:24:36 670

原创文字颜色渐变效果

在开发的时候经常会有实现文字渐变效果的这种需求，接下来就和大家分享一个实现的过程。有两种实现的方式：第一种：这里想说明两个比较重要的知识点：1.伪元素的conten属性可以使用attr（）的方式，让元素里面的文字变成可变的。这个在我平常用vue写业务代码的时候用的还是比较多的，个人感觉也是非常的实用。2.css中遮罩属性mask。在这我只是使用了线性渐变的这种方式来达到我想要的效果。其实mask

2017-11-05 15:27:02 1587

原创关于轮播图的练习和遇到的问题

这是关于轮播自己写的一个小练习，先说说思路z。1.先用html+css将基本的框架构建出来，然后圆点和图片绑定，绑定的方式使用data-x属性来控制图片位移的距离2.用定时器将图片轮播，在这需要主要的是最后一个圆点返回第一个圆点时的情况。遇到的困难：鼠标放上去的时候定时器停止，移开的时候轮播开始。分析：首先，当网页打开的时候轮播是开始的，所以需要执行一次bb（），然

2017-05-03 21:00:15 1935