ES5提供的数组已经很强大，但是ES6中继续改进了一些，主要是增加了新的数组方法，所以这章的知识非常少。 创建数组 ES5中创建数组的方式：数组字面量、new一个数组。 const arr1 = [] //数组字面量 c…

迭代器（Iterator） ES5实现迭代器 迭代器是什么？遇到这种新的概念，莫慌张。 迭代器是一种特殊对象，每一个迭代器对象都有一个next()，该方法返回一个对象，包括value和done属性。 ES5实现迭代器的代…

还记得对象Object吗？ let obj = { a: 1 } 对象的格式： Object { key: value } 在ES5的时代，对象的key只能是字符串String类型。有人就想搞事，把key改成其他数据类型…

页面布局从来就不是一件让人省心的事！ 如果pc端的两列布局、表格布局、圣杯布局等已经让你心力交瘁！那么移动端更加五花八门的布局肯定也是让你吃尽苦头！table不知道你用过没？bootstrap用过没？antd用过没？ 这…

前言 垂直居中，在 CSS 中是一个老生常谈的问题，面试的时候也会时常被提及。所以，今天我们就来聊聊 9 种不同的居中方法。 有常见的 flex、transform、absolute 等等。也有 CSS3 的网格布局。还…

  采用缩放方案，被缩放的标签仍然会占据缩放前的空间，垂直方向可以通过设置 line-height: 1;去掉本来空间，再调整上下边距，而横向可以通过调整margin为负值或其它办法去解决。 示例代码 .font-siz…

最近在网上闲逛时，发现了http://www.nows.fun/ 这个毒鸡汤，内容有趣，按钮交互做的也很棒，简约而不简单。于是就把按钮交互的效果拿来学习一下。总体上来说，是利用了:active和box-shadow两个特…

html5表单元素input新增了一个color类型，也就是颜色选择器。 <input type="color"> 该选择器在windows上的默认效果如下： 可以说非常难看并且难用了。 为了解决这个问题，x…

效果图 原理 表单元素中，有一个pattern属性，可以自定义正则表达式（如手机号、邮箱、身份证..）；valid伪类，可以匹配通过pattern验证的元素；invalid伪类则相反，可以匹配未通过pattern验证的元…

github地址，喜欢的可以star下哦 插件预览图 使用教程 1.插件代码拷贝 下载后把components目录下waterfall.vue文件拷贝到自己项目目录下 2.插件全局配置 在项目里main.js中配置如下代…