2015年11-12
2015-11-29 16:50
381 查看
iPhone手机音频、视频无法自动播放?
Velocity.js
如果动画过多还要兼用低版本的一些浏览器 可是试一试
Retina 1px
目前比较完美方式就是通过 viewpor+rem方式来兼容
比如devicePixelRatio = 3时候
检测对象属性是否存在的一个常犯错误
应该采取 in或者hasOwnProperty。前者会检测原型属性和自有(实例)属性,后者只检测自有(实例)属性。
判断一个对象属性是不是原型中的属性
delete操作符用于删除自身属性,不能删除原型属性
十分牛逼 浅谈 JavaScript 处理树形结构的几个场景与方案
CSS vs JS动画:谁更快?
Velocity.js的运用
http://www.w3ctech.com/topic/1403
总结就是 m端简单的切换还是css 实现 不过对于非常复杂的UI状态切换可以考虑使用,pc端的话当页面动画比较多时候,可以把用这个去代替jquery中的动画。
POSITION:STICKY实现IOS6+下的粘性布局
this
讲了各种情况的this
stickerjs
http://efe.baidu.com/blog/es6-develop-overview/
http://f2e.souche.com/blog/-yi-dong-duan-dian-ji-hong-peng-sui-ji
try catch 对代码运行的性能影响
总结
使用 try catch 的使用无论是在 try 中的代码还是在 catch 中的代码性能消耗都是一样的。
需要注意的性能消耗在于 try catch 中不要直接塞进去太多的代码(声明太多的变量),最好是吧所有要执行的代码放在另一个 function 中,通过调用这个 function 来执行。
针对第二点,可以查看 ECMA 中关于 try catch 的解释,在代码进入 try catch 的时候 js引擎会拷贝当前的词法环境,拷贝的其实就是当前 scope 下的所有的变量。
http://www.studyofnet.com/news/391.html
非ie下 外面的div设置 text-align 会影响th td ie下不会
所以要在th td上设置
http://web.jobbole.com/83932/
Velocity.js
如果动画过多还要兼用低版本的一些浏览器 可是试一试
Retina 1px
目前比较完美方式就是通过 viewpor+rem方式来兼容
比如devicePixelRatio = 3时候
<meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no">
检测对象属性是否存在的一个常犯错误
if(per1.age){ alert(true) }else{ alert(false); }//如果per1.age=0 那么将不满足if条件
应该采取 in或者hasOwnProperty。前者会检测原型属性和自有(实例)属性,后者只检测自有(实例)属性。
console.log("age" in per1); //true console.log(per1.hasOwnProperty("age")); //true console.log("toString" in per1); //true console.log(per1.hasOwnProperty("toString")); //false
判断一个对象属性是不是原型中的属性
function isPrototypeProperty(obj,name){ return name in obj && obj.hasOwnPeoperty(name) }
delete操作符用于删除自身属性,不能删除原型属性
十分牛逼 浅谈 JavaScript 处理树形结构的几个场景与方案
CSS vs JS动画:谁更快?
Velocity.js的运用
http://www.w3ctech.com/topic/1403
总结就是 m端简单的切换还是css 实现 不过对于非常复杂的UI状态切换可以考虑使用,pc端的话当页面动画比较多时候,可以把用这个去代替jquery中的动画。
POSITION:STICKY实现IOS6+下的粘性布局
this
讲了各种情况的this
stickerjs
http://efe.baidu.com/blog/es6-develop-overview/
http://f2e.souche.com/blog/-yi-dong-duan-dian-ji-hong-peng-sui-ji
try catch 对代码运行的性能影响
总结
使用 try catch 的使用无论是在 try 中的代码还是在 catch 中的代码性能消耗都是一样的。
需要注意的性能消耗在于 try catch 中不要直接塞进去太多的代码(声明太多的变量),最好是吧所有要执行的代码放在另一个 function 中,通过调用这个 function 来执行。
针对第二点,可以查看 ECMA 中关于 try catch 的解释,在代码进入 try catch 的时候 js引擎会拷贝当前的词法环境,拷贝的其实就是当前 scope 下的所有的变量。
浏览器缓存
网页缓存那些事http://www.studyofnet.com/news/391.html
兼容性
th默认水平居中 td left非ie下 外面的div设置 text-align 会影响th td ie下不会
所以要在th td上设置
http://web.jobbole.com/83932/
相关文章推荐
- 异步流程控制:7 行代码学会 co 模块
- [译] React 入门
- Rails Routes中new、collection、member的区别浅析
- 自己动手写的javascript前端等待控件
- 解决 The Controls collection cannot be modified because the control contains code blocks
- 前端必备神器 Snap.svg 弹动效果
- 一张Web前端的思维导图分享
- java Collection 之List学习介绍
- Python中Collection的使用小技巧
- java Collection 之Set使用说明
- 浅谈AngularJS--基础
- 浅谈AngularJS--域变量(scope)
- AngularJS' Internals In Depth(深入理解 AngularJS)
- 3ff8 javascript 获取Flash下载进度兼容IE, FireFox,Chrome浏览器
- Pongo网页版JavaScript源代码及设计思路
- Collection架构
- web前端开发工具
- 拟物设计和Angular的实现 - Material Design (持续更新)