“JS实例”目录存档

JS之我用单img元素实现了图像resize拉伸效果

2022年11月20日,星期日

图像尺寸拉伸的时候,会在外面有一圈拖拽按钮,大多数开发实现此效果会包裹一层标签,然后定位各个按钮以实现最终效果,我就突发奇想,有没有可能仅仅使用IMG标签,就实现同样的效果呢?

阅读全文…

划词评论与Range开发若干经验分享

2022年09月21日,星期三

万里挑一

如果你有类似划词评论的开发需求,本文内容不容错过,这可是外面很难找到的开发素材,暂时没有遇到类似需求也没关系,可以Star下项目,日后再说。

阅读全文…

gitee上撸了个类似飞书OKR输入框的@提及项目

2022年08月31日,星期三

飞书

在线办公时候 @某某某 然后下拉列表选择,然后高亮,hover此人还有信息是很常见的功能,我都遇到了这样的需求,别人也可能会遇到,于是整理整理,把自己的实现思路封装下,开源给需要的小伙伴。

阅读全文…

如何继承自定义元素及其他JS中扩展新方法

2022年06月19日,星期日

占位封面图

相似内核但语义不同的Web组件该如何更高效的组织代码才能兼顾可维护性和可阅读性呢?如何在任意位置对已由的自定义元素组件进行方法或属性的扩展呢?一点实战经验分享,希望可以帮到大家的工作。

阅读全文…

如何实现页面刷新后不定位到之前的滚动位置?

2022年05月30日,星期一

间谍过家家

原来让页面刷新的时候不定位到刚才的滚动位置是有优雅至极的方法的,学习了!

阅读全文…

JS与条形码的生成

2022年05月12日,星期四

条形码图片示意

本文主要介绍如何使用 JS 代码实时生成条形码,以及介绍条形码在 Web 应用中的优势,启发若干可以使用条形码的场景。

阅读全文…

小tips: JS字体加载失败或完毕的检测

2022年04月27日,星期三

font 字体封面图占位图

如何判断 CSS @font-face 规则中的字体是否加载结束,是否加载成功?本文提供的方法你一定喜欢。

阅读全文…

基于howler.js写了个音频播放器组件

2022年03月15日,星期二

封面图

兴趣使然,做了个音频播放器,支持各种循环模式,支持样式自定义,基于 howler.js实现,希望里面的内容能够对你的工作与学习有所帮助。

阅读全文…

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

2021年10月28日,星期四

JS复制文字到剪切板

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

阅读全文…

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

2021年07月24日,星期六

ogvjs与webm解码封面

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

阅读全文…