- 博客(12)
- 收藏
- 关注
RSS订阅转载 Array的push与unshift方法性能比较分析
Array的push与unshift方法都能给当前数组添加元素，不同的是，push是在末尾添加，而unshift则是在开头添加。 从原理就可以知道，unshift的效率是较低的。原因是，它每添加一个元素，都要把现有元素往下移一个位置。两者的效率差异有多大呢？下面来测试一下。var arr=[],s = +new Date;//push性能测试for(var i=0;i<50000;i++){
2016-10-29 20:25:39
832
原创 Date类型（一）
1、创建日期对象var now=new Date();a.在调用 Date 构造函数而不传递参数的情况下，新创建的对象自动获得当前日期和时间。b.如果想创建特定的日期对象，必须传入表示该日期的毫秒数（即从UTC时间1970年1月1日午夜起至该日期止经过的毫秒数）。ECMAScript有两个方法简化这个过程：Date.parse()和Date.UTC()。传入表示日期的字符串参数，他们会返回表示该日期
2016-10-29 18:01:27
359
原创 canvas记录
1、canvas对象方法 .save()：保存当前环境的状态。.rotate()：将当前绘图旋转一定角度。这个方法将x轴也旋转了，比如transform:rotate(30deg) translate(100px);后面的100像素位移将在30deg的旋转角度上位移。.translate()：重新映射画布上的 (0,0) 位置。即将原点改至新位置
2016-10-29 16:09:14
456
原创 requestAnimationFrame
requestAnimationFrame使用JS操作动画，如果你想做逐帧动画，你应该用这个方法。这个方法接受一个函数为参，该函数会在重绘前调用。requestAnimationFrame通过在参数中递归调用requestAnimationFrame()以便得到逐帧动画，被调用的频率是每秒60次，但也会按照W3C标准频率。IE10和现代浏览器都支持。返回值 requestID 是一个长整型非零值,
2016-10-09 21:38:34
1454
转载 window.parent与window.opener
1： window.parent 是iframe页面调用父页面对象举例:a.html<html><head><title>父页面</title></head><body><form name="form1" id="form1"> <input type="text" name="username" id="username"/></form><iframe src="b.htm
2016-10-04 15:52:50
346
原创 css兼容汇总
1、inline-block ie9以下中无效 解决办法：加hack ：*display：inline 2、border-radius ie9下不支持 解决办法：用背景图片代替
2016-10-01 13:32:32
226
原创 rem布局实现自适应
使用em和rem单位进行布局，相对%百分比布局更加灵活，可以根据浏览器的字体大小调整和缩放来相应显示页面。但因为em是相对父级元素的font-size，想想就复杂。 而rem是相对于根元素html的font-size进行计算，绕开了复杂的层级关系，更加简单。浏览器默认字体大小为16px，转化关系为 16px=1rem。具体应用就是监听浏览器的窗口变化，动态修改根字体的大小，让使用rem单位的元素一
2016-07-26 19:15:49
268
原创 解决js中文输入法下keyCode总为229的问题
快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q插入链接 Ctrl + L插入代码 Ctrl + K插入图片 Ctrl + G提升标题 Ctrl + H有序列表 Ctrl + O无序列表 Ctrl + U横线 Ctrl + R撤销 Ctrl + Z重做 Ctrl + Y解决j
2016-07-13 01:17:24
14783
5
原创 CSS伪类选择器 -- nth-child(an+b):
CSS伪类选择器 - nth-child(an+b): 1、nth-child(an):倍数写法，匹配倍数为a的所有元素 2、:nth-child(an+b) 与 :nth-child(an-b)，倍数偏移写法 n从0开始计数，b是偏移量tr:nth-child(3n+1){background:orange;}/*n=(0,1,2....),匹配第1、第4、第7、…*/tr:nth-chi
2016-05-22 11:38:34
1300
原创 fullpage.js---全屏滚动插件
首先引用插件，jQuery,fullpage.css/fullpage.js<script type="text/javascript" src="jquery-2.2.3.min.js"></script><link rel="stylesheet" type="text/css" href="jquery.fullPage.css"><script type="text/javascript
2016-05-21 19:06:15
251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人