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

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);"/>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容