文章关键字 ‘API’

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

2020年12月1日,星期二

南瓜封面图

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

阅读全文…

JS纯前端实现audio音频剪裁剪切复制播放与上传

2020年07月27日,星期一

音频在线剪辑与处理

本文演示了如何纯前端对MP3、WAV、OGG等格式音频进行剪辑、剪裁、剪切、复制、播放以及上传等处理,使用Web Audio API,有完整的代码,还有在线demo演示页面,即插即用,希望本文内容可以对你的工作有所帮助。

阅读全文…

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

2019年10月27日,星期日

document.readyState头图

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

阅读全文…

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

2019年09月13日,星期五

JS Intl对象

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

阅读全文…

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

2019年09月10日,星期二

window.name占位图

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

阅读全文…

聊聊JS DOM变化的监听检测与应用

2019年08月30日,星期五

DOM变化与检测

实际开发的时候,我们需要知道DOM元素是否发生了变化,或属性变化,或DOM节点的新增或删除,从IE9浏览器开始,浏览器启用了多种方法,可以监听DOM树的变化,本文就将结合实例详细聊聊其中的各种方法。

阅读全文…

还算有点用的scrollTo和scrollBy两个JS API

2019年07月27日,星期六

封面占位图

本文介绍两个与滚动相关的新的API,scrollTo和scrollBy,知识整理下来一看,还算有点用。

阅读全文…

HTML audio基础API完全使用指南

2019年07月7日,星期日

Audio基础API大全

音视频播放暂停控制,播放时长获取,播放速率,以及检测什么时候播放结束,当前媒体资源是否处于暂停状态等,都在本文有所介绍,本文就是audio/video元素各类基础API完全介绍,总能找到你需要的东西。

阅读全文…

深入Node.compareDocumentPosition API

2019年03月2日,星期六

DOM节点树位置对比头图

Node.compareDocumentPosition()方法可以用来对比两个HTML节点在文档中的位置关系,包括前后,父子,自身以及跨文档。不仅是DOM节点,文本节点,注释节点甚至属性节点的位置关系都可以判定,很强。

阅读全文…

使用document.scrollingElement控制窗体滚动高度

2019年02月22日,星期五

介绍一个更加兼容、更加标准的设置窗体滚动高度的方法,那就是document.scrollingElement,兼容性足矣在实际项目中应用。JS基础API,人人必须了解的特性,学到就是赚到。

阅读全文…