本文介绍自己在研究与实践Lazy loading原生懒加载得到的结论与知识,scroll滚动,resize缩放,网速,屏幕高度都是影响特性,同时也会介绍在JavaScript中的一些实用tips。
“JS相关”目录存档
浏览器IMG图片原生懒加载loading=”lazy”实践指南
2019年09月30日,星期一小tips: 元素focus页面不滚动不定位的JS处理
2019年09月19日,星期四有时候我们希望元素被focus的同时浏览器的不会发生滚动重定位,看起来似乎是个很棘手的问题,毕竟focus重定位是一个很重要的浏览器内置的用户体验行为,实际上,大家可能不知道,已经有新的API参数支持这种需求了。
小tips: JS DOM innerText和textContent的区别
2019年09月7日,星期六innerText和textContent很多人会困惑,因为都可以用来获取文本内容,实际上,两者还是有很多区别的,本文就将介绍这两个属性的异同,希望可以对大家的学习有所帮助。
聊聊JS DOM变化的监听检测与应用
2019年08月30日,星期五实际开发的时候,我们需要知道DOM元素是否发生了变化,或属性变化,或DOM节点的新增或删除,从IE9浏览器开始,浏览器启用了多种方法,可以监听DOM树的变化,本文就将结合实例详细聊聊其中的各种方法。
JS URL()和URLSearchParams() API接口详细介绍
2019年08月26日,星期一过去我们对URL地址进行处理,需要自己进行字符串分析。现在浏览器已经有了内置的URLSearchParams()以及URL() API接口可以对URL进行各种处理。
checkValidity等form原生JS验证方法和属性详细介绍
2019年08月18日,星期日本文介绍form表单元素内置3个验证方法和1个属性,3个方法分别是checkValidity(), reportValidity(), setCustomValidity()方法,1个属性是validity属性。不了解的小伙伴可以进来了解一下。
纯前端JS zip打包文件并下载
2019年08月17日,星期六给IE/Edge写了个textarea resize拉伸的polyfill
2019年08月7日,星期三IE/Edge直到叛变到Chrome内核之前,都没有支持CSS resize拉伸,为了让IE/Edge浏览器也能享受CSS resize全身拉伸的quick感,于是我抽空写了个polyfill,效果还不错。