在线办公时候 @某某某 然后下拉列表选择，然后高亮，hover此人还有信息是很常见的功能，我都遇到了这样的需求，别人也可能会遇到，于是整理整理，把自己的实现思路封装下，开源给需要的小伙伴。
阅读全文…
标签：contenteditable, createRange, getRangeAt, getSelection, textContent, tributejs, user-modify, 文本域 发布在 JS实例 | 5 条评论 »
介绍两个比较新的都带有 all 字样的 JS API，replaceAll 和 matchAll，增强了传统的 replace 和 match 方法的能力，看看自己项目中是不是可以用用。
标签：exec, match, matchAll, RegExp, replace, replaceAll, String, 正则表达式 发布在 JS API | 没有评论 »
相似内核但语义不同的Web组件该如何更高效的组织代码才能兼顾可维护性和可阅读性呢？如何在任意位置对已由的自定义元素组件进行方法或属性的扩展呢？一点实战经验分享，希望可以帮到大家的工作。
标签：class, customElements, extends, Shadow DOM, slot, Web Components, 继承, 自定义元素 发布在 JS实例 | 4 条评论 »
原来让页面刷新的时候不定位到刚才的滚动位置是有优雅至极的方法的，学习了！
标签：history, scrollRestoration, scrollTo, scrollTop, URL, 刷新, 滚动 发布在 JS API, JS实例 | 13 条评论 »
本文主要介绍如何使用 JS 代码实时生成条形码，以及介绍条形码在 Web 应用中的优势，启发若干可以使用条形码的场景。
标签：encode, Unicode编码, 二维码, 加密, 图像处理, 条形码, 编码, 解密 发布在 JS实例 | 6 条评论 »
JS new Function() 语法看起来平平无奇 ，但是其字符串作为函数主体的特性大有用处，本文绝对会让你有所收益！
标签：Function, Object, RegExp, String, template, 函数 发布在 JS API | 10 条评论 »
如何判断 CSS @font-face 规则中的字体是否加载结束，是否加载成功？本文提供的方法你一定喜欢。
标签：font, font-face, FontFace, woff, woff2 发布在 JS实例 | 3 条评论 »
兴趣使然，做了个音频播放器，支持各种循环模式，支持样式自定义，基于 howler.js实现，希望里面的内容能够对你的工作与学习有所帮助。
标签：audio, howler, slot, Web Audio API, Web Components, 播放器 发布在 JS实例 | 17 条评论 »
JS 标签模板 tagged templates 是一个很有意思的语法特性，是模板字符串的高级形式，那应该什么时候使用标签模板呢，本文就根据我个人的理解给大家做下解答。
标签：preact, replace, String, tagged templates, template, 标签模板, 模板字符串, 模板字面量 发布在 JS API | 9 条评论 »
本文带大家深入了解下为什么涉及安全与财务的时候，不能使用 Math.random 方法进行随机，干货还不少，走过路过不要错过。
标签：crypto, getRandomValues, Math, Math.random, nodejs, randomUUID, self, sort, 随机 发布在 JS API | 13 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎抖音热更B站Gitee
我的应用
我的应用