“JS API”目录存档

原来DOM还有toggleAttribute这样的JS API

2020年12月6日,星期日

你值得拥有

各大现代浏览器在2018年底均支持了一个名为toggleAttribute的DOM API,专为HTML布尔属性设计,非常实用,不容错过。

阅读全文…

尝试使用JS IntersectionObserver让标题和导航联动

2020年12月1日,星期二

南瓜封面图

学习了下JS中非常适合实现懒加载和无限固定加载的IntersectionObserver API,并自己给自己出难题,使用此API实现基于文档标题生成导航的插件功能。本文有自己实现过程完整记录,不一样风味的技术文章,内容较长,希望可以对大家学习有所启发。

阅读全文…

JS CustomEvent自定义事件传参小技巧

2020年08月20日,星期四

CustomEvent自定义事件传参

本文介绍如何使用CustomEvent.detail触发addEventListener绑定的内置或自定义的事件并传参,以及IE浏览器不支持的解决方法。

阅读全文…

ES6 Math方法和Number新特性简介

2020年04月16日,星期四

不错的情侣封面图

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

阅读全文…

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

2020年03月8日,星期日

头图占位图

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

阅读全文…

幸好document.readyState还是有点锤子用的

2019年10月27日,星期日

document.readyState头图

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

阅读全文…

小tips: 元素focus页面不滚动不定位的JS处理

2019年09月19日,星期四

focus滚动定位占位图

有时候我们希望元素被focus的同时浏览器的不会发生滚动重定位,看起来似乎是个很棘手的问题,毕竟focus重定位是一个很重要的浏览器内置的用户体验行为,实际上,大家可能不知道,已经有新的API参数支持这种需求了。

阅读全文…

JS Intl对象完整简介及在中文中的应用

2019年09月13日,星期五

JS Intl对象

Intl对象是ECMAScript国际化API的命名空间,本文简单介绍相关API方法,以及中文环境下的的字符串比较、数字格式化以及日期和时间的格式化。内容较多,希望可以对你的学习有所帮助。

阅读全文…

快速了解window.name特性与作用

2019年09月10日,星期二

window.name占位图

早就知道window有个name属性,但是究竟干什么用的一直不知道,今天花时间好好研究测试了下,发现是个有意思的JS API属性。

阅读全文…

小tips: JS DOM innerText和textContent的区别

2019年09月7日,星期六

innerText和textContent

innerText和textContent很多人会困惑,因为都可以用来获取文本内容,实际上,两者还是有很多区别的,本文就将介绍这两个属性的异同,希望可以对大家的学习有所帮助。

阅读全文…