前端开发遇到的坑和小技巧,持续总结

2016-09-26  本文已影响703人  清晓凝露

1、利用GPU加速制作流畅的CSS3动画

https://www.qianduan.net/high-performance-css3-animations/ 流畅的css3动画
http://blog.bingo929.com/transform-translate3d-translatez-transition-gpu-hardware-acceleration.html

2、使用localStorage时报QUOTA_EXCEEDED_ERR

在Safari的无痕模式中会报这个错误,解决方法:

function isLocalStorageNameSupported() {
     var testKey = 'test',
     storage = window.sessionStorage; 
    try {
        storage.setItem(testKey, '1');
        storage.removeItem(testKey);
         return true; }
    catch (error) { return false; }
}

1、为什么url要进行转义编码

http://deyimsf.iteye.com/blog/1776082

2、想要在一次会话中保存数据可以使用sessionStorage对象存储,在当前会话有效;

此对象主要有两个方法:
保存数据:sessionStorage.setItem(key, value);
读取数据:sessionStorage.getItem(key);

img src为空引发的问题

h5阅读器PV暴涨,经查在滚动阅读过程中一直有重复请求发出,特征:请求的地址均为地址栏地址;请求发出的机型均为4.0版本。起初怀疑z
<img src=""/>引发的问题 ,老版本系统或老版本浏览器中浏览器会用当前路径进行再一次载入,阅读器在滚动懒加载过程中不断变换图片 src=""/src="实际图片url" 时,就有重复请求了;如果想要图片为空正确方式应该是<img/> 或者<img src="javascript:void(0);"/>

上一篇下一篇

猜你喜欢

热点阅读