“JS相关”目录存档

腾讯开源的酷炫动画播放解决方案Vap初体验

2021年04月18日,星期日

腾讯vap

H5中希望有炫酷3D动效,但是3D WebGL实力不允许,可以试试使用本文要介绍的VAP,导出PNG图片序列,可以有高性能的炫酷动画效果,Android和iOS也可以使用。

阅读全文…

使用navigator.connection.downlink前端测网速

2021年04月10日,星期六

喝杯咖啡 娓娓道来

讲讲前端JS实现网络带宽网速检测,以及相关的用户体验方面的事情。

阅读全文…

借助ffmpeg.wasm纯前端实现多音频和视频的合成

2021年03月20日,星期六

熊猫 合体

不借助C/C++,纯JS浏览器中ffmpeg.wasm实现指定长度、位置和数量的音频和视频合并成新的视频,此领域目前为数不多优质文章,建议收藏备忘。

阅读全文…

盘点HTML字符串转DOM的各种方法及细节

2021年02月16日,星期二

新年时钟DOM HTML字符串

HTML字符串转DOM方法有好几个,本文盘点下各个方法的特性和优缺点,以及您可能不知道的相关DOM API方法的其他细节,希望可以对大家的学习有所帮助。

阅读全文…

如何使用JS检测用户是否缩放了页面?

2021年02月15日,星期一

页面缩放占位图

本文介绍多种使用JS检测用户是否缩放页面的方法,有的针对PC桌面端浏览器,有的针对mobile移动端浏览器,您会学到不少新的API,以及新颖的实现思路。

阅读全文…

Web Components中引入外部CSS的3种方法

2021年02月13日,星期六

爱心-情人节

Web组件开发可能需要引入外部CSS到Shadow DOM中,本文就介绍3种各有优缺点CSS import的方法,帮助大家更好地进行web components组件开发。

阅读全文…

巧用DOM API实现HTML字符的转义和反转义

2021年01月21日,星期四

DOM API 转义和反转义HTML

借助DOM API的自身特性转义或者反转义HTML,你会发现原来这么简单,这么轻松,本文内容短小精悍,可谓Web前端开发必学必会基本技巧之一。

阅读全文…

告别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布尔属性设计,非常实用,不容错过。

阅读全文…