JS ResizeObserver这个全新的API可以用来观察与检测DOM元素尺寸的变化,很多以前不好实现的需求这下有了高性能高质量的解决方案了。
“JS相关”目录存档
检测DOM尺寸变化JS API ResizeObserver简介
2020年03月8日,星期日3D LUT 滤镜颜色映射原理剖析与JS实现
2020年02月27日,星期四关于3D LUT滤镜原理的资料很少,或者原理讲得根本就不清楚,里面的一串数字怎么变成颜色的开发者全然不知,本文就通过真实例子一步一步带你剖析RGB色值是如何通过Cube等滤镜变成另外的颜色的。
我是如何通过CSS向JS传参的
2020年02月13日,星期四介绍两种我常用的将CSS媒体查询信息传递给JS的方法,一种是伪元素+content属性发,一种是CSS var自定义属性方法,这样传参有助于降低开发成本,让CSS和JS在一些条件信息上保持一致。
如何使用JS把相对地址变成绝对地址?
2020年01月17日,星期五本文介绍两种把相对路径变成绝对路径的JS方法,都非常简单快捷,还有其他优缺点大家可以根据实际场景选择合适的方法。
JS检测CSS属性浏览器是否支持的多种方法
2019年11月8日,星期五CSS.supports()是一种非常不错原生方法,但IE11及其以下浏览器不兼容,此时可以试试先赋值在取值的检测方法,记住getComputedStyle方法或者setAttribute style属性赋值,都是可以的,是我实际开发经常使用的方法。
幸好document.readyState还是有点锤子用的
2019年10月27日,星期日原本以为document.readyState是个鸡肋属性,目前没机会使用,但是最近的实践发现还是存在一个场景,是需要借助document.readyState的,那就是开源或者大规模组件中的代码初始化的时候。
实现a元素href URL链接自动刷新或新窗口打开
2019年10月13日,星期日有个前端都必须知道的体验增强小技能,就是优化新窗口打开的交互体验,已经打开的页面直接刷新,不在重复开选项卡标签页,如何实现呢?其实很简单,并不需要JS的参与,HTML本身特性就可以实现这样的需求。
浏览器IMG图片原生懒加载loading=”lazy”实践指南
2019年09月30日,星期一本文介绍自己在研究与实践Lazy loading原生懒加载得到的结论与知识,scroll滚动,resize缩放,网速,屏幕高度都是影响特性,同时也会介绍在JavaScript中的一些实用tips。
小tips: 元素focus页面不滚动不定位的JS处理
2019年09月19日,星期四有时候我们希望元素被focus的同时浏览器的不会发生滚动重定位,看起来似乎是个很棘手的问题,毕竟focus重定位是一个很重要的浏览器内置的用户体验行为,实际上,大家可能不知道,已经有新的API参数支持这种需求了。