“JS相关”目录存档

移动端双指缩放图片JS事件的实践心得

2020年06月12日,星期五

双指缩放示意图

今天要JS实现一个手机中双指缩放的需求,本以为很简单,结果遇到了意料之外的状况,特意记录下来和大家分享,有demo演示,也有精简的JavaScript代码,以后说不定用得到,可以mark下。

阅读全文…

ES6 Math方法和Number新特性简介

2020年04月16日,星期四

不错的情侣封面图

ES6 新增了很多Math方法,扩展了一些Number新特性,本文就对相关知识进行的整理和说明,希望可以对您的学习有所帮助。

阅读全文…

检测DOM尺寸变化JS API ResizeObserver简介

2020年03月8日,星期日

头图占位图

JS ResizeObserver这个全新的API可以用来观察与检测DOM元素尺寸的变化,很多以前不好实现的需求这下有了高性能高质量的解决方案了。

阅读全文…

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是个鸡肋属性,目前没机会使用,但是最近的实践发现还是存在一个场景,是需要借助document.readyState的,那就是开源或者大规模组件中的代码初始化的时候。

阅读全文…

实现a元素href URL链接自动刷新或新窗口打开

2019年10月13日,星期日

新窗口智能打开占位图

有个前端都必须知道的体验增强小技能,就是优化新窗口打开的交互体验,已经打开的页面直接刷新,不在重复开选项卡标签页,如何实现呢?其实很简单,并不需要JS的参与,HTML本身特性就可以实现这样的需求。

阅读全文…

浏览器IMG图片原生懒加载loading=”lazy”实践指南

2019年09月30日,星期一

原生懒加载头图封面图

本文介绍自己在研究与实践Lazy loading原生懒加载得到的结论与知识,scroll滚动,resize缩放,网速,屏幕高度都是影响特性,同时也会介绍在JavaScript中的一些实用tips。

阅读全文…