借助DOM API的自身特性转义或者反转义HTML,你会发现原来这么简单,这么轻松,本文内容短小精悍,可谓Web前端开发必学必会基本技巧之一。
“JS API”目录存档
巧用DOM API实现HTML字符的转义和反转义
2021年01月21日,星期四告别JS keyCode
2021年01月4日,星期一本文内容主要3部分,一是说明为什么keyCode舍弃了,二是对比event.key和event.code,三是整理常用功能键的event.key和event.code值,方便使用时候快速查找。
几个常见功能重合DOM API的细节差异
2020年12月25日,星期五介绍5组部分功能重叠的DOM 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.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的,那就是开源或者大规模组件中的代码初始化的时候。
小tips: 元素focus页面不滚动不定位的JS处理
2019年09月19日,星期四有时候我们希望元素被focus的同时浏览器的不会发生滚动重定位,看起来似乎是个很棘手的问题,毕竟focus重定位是一个很重要的浏览器内置的用户体验行为,实际上,大家可能不知道,已经有新的API参数支持这种需求了。