“JS相关”目录存档

JS复制文字到剪切板的极简实现及扩展

2021年10月28日,星期四

JS复制文字到剪切板

多次遇到复制文字内容到剪切板的需求,每次都重新撸一遍代码,很糟心,所以特别写了篇文章,方便下次复用和溯源,也顺便帮助下其他同行小伙伴。

阅读全文…

不使用file类型input也能触发文件上传

2021年08月22日,星期日

文件夹图片

介绍全新的File System Access API,也就是文件系统访问API,可以无需专门的 HTML 文件选择控件,纯 JS 代码就可以触发本地文件的选择,支持文件类型的指定,有demo,有代码示意,可以进来了解下。

阅读全文…

JS WeakMap应该什么时候使用

2021年08月15日,星期日

红梅葡萄占位图

本文深入介绍我对ES6中WeakMap对象的一些理解,以及在内存性能这块的作用,希望可以对大家的学习有所帮助。

阅读全文…

ogv.js让iPhone支持webM视频解析播放

2021年07月24日,星期六

ogvjs与webm解码封面

在前端同行的提醒下,了解了下ogv.js解码webM视频,也就是使用canvas播放webM视频,可以让iOS,iPhone播放webM视频,但是,我的主要目的是解决Android原生video 视频层级问题的。

阅读全文…

利用废弃的html rel import实现页面include功能

2021年07月22日,星期四

HTML代码片段

太好了,HTML imports被废弃了,我可以放心使用这个语法实现HTML include功能了,从此静态页面也可以有公用头部和尾部啦。

阅读全文…

Proxy是代理,Reflect是干嘛用的?

2021年07月1日,星期四

封面图示意

本文详细介绍JS中的Reflect对象,与Proxy代理之间的关系,内容详实,应该可以学到点东西。

阅读全文…

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

2021年05月16日,星期日

美丽的鹿

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

阅读全文…

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

2021年05月13日,星期四

火箭飞碟

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

阅读全文…

Promise.all、race和any方法都是什么意思?

2021年05月9日,星期日

promise封面

详细介绍Promise.all()、Promise.race()和Promise.any()的异同以及最适合使用的场景,相信会对你的学习有所帮助的。

阅读全文…

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

2021年04月26日,星期一

占位封面图 颈椎帮助

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

阅读全文…