ES5提供的数组已经很强大,但是ES6中继续改进了一些,主要是增加了新的数组方法,所以这章的知识非常少。 创建数组 ES5中创建数组的方式:数组字面量、new一个数组。 const arr1 = [] //数组字面量 c…
标签:css3
《深入理解ES6》笔记——迭代器(Iterator)和生成器(Generator)(8)
迭代器(Iterator) ES5实现迭代器 迭代器是什么?遇到这种新的概念,莫慌张。 迭代器是一种特殊对象,每一个迭代器对象都有一个next(),该方法返回一个对象,包括value和done属性。 ES5实现迭代器的代…
仿淘宝的放大镜效果
前言 这一段时间事情挺多的,一直没有时间写文章。这两天稍微闲了一些,就趁这会闲工夫写一篇文章。本次文章的主要内容是介绍一下淘宝的放大镜效果是如何实现的,相信很多同学们对这个并不陌生。这个看似感觉很复杂的小功能,实际上原理…
《深入理解ES6》笔记——Symbol和Symbol属性(6)
还记得对象Object吗? let obj = { a: 1 } 对象的格式: Object { key: value } 在ES5的时代,对象的key只能是字符串String类型。有人就想搞事,把key改成其他数据类型…
总结个人使用过的移动端布局方法
这篇文章,主要是总结一下,我在移动端布局用过的方法。有三种,一种是响应式布局,利用@meida判断各个size;第二种是REM;最后是设置viewport中的width。 响应式布局 这种感觉是最好理解了,利用@medi…
兼容ie9以下的polyfill类库
1、fetch: https://github.com/github/fetch 2、HTML5 History/State APIs (pushState, replaceState, onPopState):http…
小于12px字体的实现
采用缩放方案,被缩放的标签仍然会占据缩放前的空间,垂直方向可以通过设置 line-height: 1;去掉本来空间,再调整上下边距,而横向可以通过调整margin为负值或其它办法去解决。 示例代码 .font-siz…
小而美的颜色选择器:xy-color-picker
html5表单元素input新增了一个color类型,也就是颜色选择器。 <input type="color"> 该选择器在windows上的默认效果如下: 可以说非常难看并且难用了。 为了解决这个问题,x…
你可能不知道的css骚操作 — 表单验证🤦♂️
效果图 原理 表单元素中,有一个pattern属性,可以自定义正则表达式(如手机号、邮箱、身份证..);valid伪类,可以匹配通过pattern验证的元素;invalid伪类则相反,可以匹配未通过pattern验证的元…
前端每日实战 2018年10月至2019年6月项目汇总(共 20 个项目)
过往项目 2018 年 9 月份项目汇总(共 26 个项目) 2018 年 8 月份项目汇总(共 29 个项目) 2018 年 7 月份项目汇总(共 29 个项目) 2018 年 6 月份项目汇总(共 27 个项目) 2…
前端每日实战 169# 视频演示如何制作“数略词”交互动画(内含2个视频)
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/byvRxB 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中…
前端每日实战 167# 视频演示如何用 1 个 dom 元素创作两颗爱心
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/KLvENb 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中…