摘要： var arr = [1,2,3,1,2,1,1,4,5,1,1,1,2,2,2,2,2,2,2,3,3,3,3,3]; Array.prototype.unique = function(){ var temp = {},//创建一个对象接收数据 arr = [], //创建一个数组准备存储新数据 阅读全文

摘要： 本文的API有：可点击到达 requestAnimationFrame 客户端存储 历史记录 worker file Reader websocoket 一、requestAnimationFrame （请求动画关键帧） 1.1 requestAnimationFrame怎么使用？ 铺垫： 先看一下 阅读全文

摘要： HTML5新增的标签：块级元素1.header （头部） 2.Footer　（底部） 3.Article → div （相当于div标签） 4.Section → p　（相对于p标签） 5.Nav （导航条） 6.Aside （局部，相当于span标签） 7.Svg （绘图） 详解：https:// 阅读全文

摘要： 一、Svg简介 svg也是html5新增的一个标签，它跟canvas很相似。都可以实现绘图、动画。 但是svg绘制出来的都是矢量图，不像canvas是以像素为单位的，放大会模糊。svg绘制出来的图是不会的 二、svg的基本使用 svg是在html和css里面操作的，不是在js里面 2.1 绘制直线 阅读全文

摘要： 一、基础用法 1.1 如何引入 是通过src的方式引入的，必须在后面加上controls才能显示出来。音频和视频都是一样的 （ 如果没有测试文件，可以去酷狗下载。） 二、属性 2.1 autoplay 自动播放 设置这个属性后一进入页面就会自动播放，只有谷歌浏览器不会。 2.2 preload(no 阅读全文

摘要： 属性值可点击跳转 transform 属性值有： rotate: (旋转) rotate( )；2D rotateX( ); rotateY( ); rotateZ( ); rotate3D( ); 括号里面正常都是填角度值（deg） origin：(起源中心点) origin是为旋转的设置以哪个点 阅读全文

摘要： steps 点击查看steps小demo 配合animation来使用的（跳转动画）如果添加了这个stpe就添加不了cubic-bezier 我们先来看一下没设置steps前的animation是什么样子的，我们看到现在过渡动画是很流畅的，也是渐渐过渡到下一个颜色的 我们再来看一下设置了steps的 阅读全文

摘要： 本文的属性有：transition、animateion可以点击跳转至该属性 animation小demo点击跳转 transition: 可传入4个参数： transition-property: (监测可以运动的属性，也可以指定属性) transition-duration:（运动时间） tra 阅读全文

摘要： 1.等分布局： 中间固定两边自适应： 固定两个，一个自适应 2.流式布局： 模仿float浮动布局 3.圣杯布局：（自适应布局） 先来看一下结构布局： 阅读全文

摘要： 本文：flex的扩展属性及其应用 分界线 flex-grow：(用来瓜分父级宽度剩余的宽度，，默认值为0) 容器宽度为400px,子元素1的宽度为100px,子元素2的宽度为100px,子元素3的宽度为100px，总宽度为100 + 100 + 100 = 300px。容器还剩余100px，剩余的宽 阅读全文