摘要: 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 = [], //创建一个数组准备存储新数据 阅读全文
posted @ 2019-09-20 09:35 杨培贤 阅读(142) 评论(0) 推荐(1) 编辑
摘要: 本文的API有:可点击到达 requestAnimationFrame 客户端存储 历史记录 worker file Reader websocoket 一、requestAnimationFrame (请求动画关键帧) 1.1 requestAnimationFrame怎么使用? 铺垫: 先看一下 阅读全文
posted @ 2019-08-20 14:34 杨培贤 阅读(4613) 评论(2) 推荐(3) 编辑
摘要: HTML5新增的标签:块级元素1.header (头部) 2.Footer (底部) 3.Article → div (相当于div标签) 4.Section → p (相对于p标签) 5.Nav (导航条) 6.Aside (局部,相当于span标签) 7.Svg (绘图) 详解:https:// 阅读全文
posted @ 2019-08-16 18:24 杨培贤 阅读(211) 评论(0) 推荐(1) 编辑
摘要: 一、Svg简介 svg也是html5新增的一个标签,它跟canvas很相似。都可以实现绘图、动画。 但是svg绘制出来的都是矢量图,不像canvas是以像素为单位的,放大会模糊。svg绘制出来的图是不会的 二、svg的基本使用 svg是在html和css里面操作的,不是在js里面 2.1 绘制直线 阅读全文
posted @ 2019-08-16 18:22 杨培贤 阅读(3137) 评论(0) 推荐(2) 编辑
摘要: 一、基础用法 1.1 如何引入 是通过src的方式引入的,必须在后面加上controls才能显示出来。音频和视频都是一样的 ( 如果没有测试文件,可以去酷狗下载。) 二、属性 2.1 autoplay 自动播放 设置这个属性后一进入页面就会自动播放,只有谷歌浏览器不会。 2.2 preload(no 阅读全文
posted @ 2019-08-16 18:22 杨培贤 阅读(531) 评论(0) 推荐(1) 编辑
摘要: 属性值可点击跳转 transform 属性值有: rotate: (旋转) rotate( );2D rotateX( ); rotateY( ); rotateZ( ); rotate3D( ); 括号里面正常都是填角度值(deg) origin:(起源中心点) origin是为旋转的设置以哪个点 阅读全文
posted @ 2019-07-24 22:30 杨培贤 阅读(341) 评论(0) 推荐(0) 编辑
摘要: steps 点击查看steps小demo 配合animation来使用的(跳转动画)如果添加了这个stpe就添加不了cubic-bezier 我们先来看一下没设置steps前的animation是什么样子的,我们看到现在过渡动画是很流畅的,也是渐渐过渡到下一个颜色的 我们再来看一下设置了steps的 阅读全文
posted @ 2019-07-23 13:08 杨培贤 阅读(6289) 评论(0) 推荐(3) 编辑
摘要: 本文的属性有:transition、animateion可以点击跳转至该属性 animation小demo点击跳转 transition: 可传入4个参数: transition-property: (监测可以运动的属性,也可以指定属性) transition-duration:(运动时间) tra 阅读全文
posted @ 2019-07-22 18:39 杨培贤 阅读(829) 评论(0) 推荐(0) 编辑
摘要: 1.等分布局: 中间固定两边自适应: 固定两个,一个自适应 2.流式布局: 模仿float浮动布局 3.圣杯布局:(自适应布局) 先来看一下结构布局: 阅读全文
posted @ 2019-07-19 18:25 杨培贤 阅读(2320) 评论(0) 推荐(0) 编辑
摘要: 本文:flex的扩展属性及其应用 分界线 flex-grow:(用来瓜分父级宽度剩余的宽度,,默认值为0) 容器宽度为400px,子元素1的宽度为100px,子元素2的宽度为100px,子元素3的宽度为100px,总宽度为100 + 100 + 100 = 300px。容器还剩余100px,剩余的宽 阅读全文
posted @ 2019-07-19 18:24 杨培贤 阅读(397) 评论(0) 推荐(0) 编辑