“JS实例”目录存档

使用CSS revert全局关键字还原display显示元素

2021年05月16日,星期日

美丽的鹿

CSS revert是一个新出来的全局关键字,在使用display显示元素的时候,revert可以提高我们的开发体验,简化我们的实现。

阅读全文…

输入框value属性赋值触发js change事件的实现

2021年05月13日,星期四

火箭飞碟

HTML表单输入框元素直接使用value属性赋值是不会触发change事件的,本文提供一种实现方法,保证原生的value赋值特性同时可以触发change事件。

阅读全文…

Safari不支持build-in自定义元素的兼容处理

2021年04月26日,星期一

占位封面图 颈椎帮助

大家如果进行原生的web components组件开发,可能会遇到build-in自定义元素在Safari浏览器下不支持的场景,本文提供了相应的解决方案,为您的实际开发助航。

阅读全文…

JS视频解码JSMpeg和Broadway开箱测评

2021年04月25日,星期日

柠檬占位图

H5直播,Android视频播放层级,内置播放器等问题,可以看看本文介绍的两个JS项目,JSMpeg和Broadway,或许会有所帮助。

阅读全文…

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

2021年04月18日,星期日

腾讯vap

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

阅读全文…

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

2021年03月20日,星期六

熊猫 合体

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

阅读全文…

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

2021年02月15日,星期一

页面缩放占位图

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

阅读全文…

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

2021年02月13日,星期六

爱心-情人节

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

阅读全文…

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

2020年12月1日,星期二

南瓜封面图

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

阅读全文…

突发奇想,同步单复选框checked态岂不点击通杀?

2020年11月26日,星期四

思考的狐狸,突发奇想的张鑫旭

利用浏览器单复选框原生点击的特性,抽象出一个实时同步规则,无需针对每一种交互效果去写具体的代码,就可以实现全覆盖的点击交互事件增强支持,可谓一本万利,大家不妨进来看看到底香不香。

阅读全文…