2022年08月31日 by 张 鑫旭 阅读 17601 次, 今日 4 次

在线办公时候 @某某某 然后下拉列表选择,然后高亮,hover此人还有信息是很常见的功能,我都遇到了这样的需求,别人也可能会遇到,于是整理整理,把自己的实现思路封装下,开源给需要的小伙伴。
阅读全文…
标签: contenteditable, createRange, getRangeAt, getSelection, textContent, tributejs, user-modify, 文本域
发布在 JS实例 | 5 条评论 »
2022年08月24日 by 张 鑫旭 阅读 28908 次, 今日 4 次

盼星星盼月亮,盼了24年,:has() 伪类终于来了,在棘手的性能问题解决之后,这是一个神级CSS伪类,以后一定会在前端领域掀起不小的波澜。
阅读全文…
标签: :has(), 伪类, 父选择器, 选择器
发布在 CSS相关 | 17 条评论 »
2022年08月21日 by 张 鑫旭 阅读 14657 次, 今日 6 次

介绍两个比较新的都带有 all 字样的 JS API,replaceAll 和 matchAll,增强了传统的 replace 和 match 方法的能力,看看自己项目中是不是可以用用。
阅读全文…
标签: exec, match, matchAll, RegExp, replace, replaceAll, String, 正则表达式
发布在 JS API | 没有评论 »
2022年07月27日 by 张 鑫旭 阅读 18746 次, 今日 5 次

抽几个小时使用 clip-path 绘制了一套 CSS 数字,可任意免费使用,大家自取。
阅读全文…
标签: clip-path, polygon, 图形生成
发布在 CSS相关 | 8 条评论 »
2022年07月21日 by 张 鑫旭 阅读 19842 次, 今日 5 次

本文详细介绍关于多彩字体的知识,以及如何使用 font-palette 等CSS属性设置字体的不同色调,国内首发,稀缺干货知识。
阅读全文…
标签: @font-palette-values, base-palette, font-face, font-family, font-palette, override-colors
发布在 CSS相关 | 3 条评论 »
2022年06月30日 by 张 鑫旭 阅读 23396 次, 今日 5 次

在 CSS 这门语言中,凡是 Web 中的换行规则都可以改变,无论是中文的还是英文的,灵活到超出你的想象,非常强大!
阅读全文…
标签: keep-all, line-break, overflow-wrap, white-space, word-break, word-wrap, 文字排版
发布在 CSS相关 | 5 条评论 »
2022年06月19日 by 张 鑫旭 阅读 15019 次, 今日 5 次

相似内核但语义不同的Web组件该如何更高效的组织代码才能兼顾可维护性和可阅读性呢?如何在任意位置对已由的自定义元素组件进行方法或属性的扩展呢?一点实战经验分享,希望可以帮到大家的工作。
阅读全文…
标签: class, customElements, extends, Shadow DOM, slot, Web Components, 继承, 自定义元素
发布在 JS实例 | 4 条评论 »
2022年06月12日 by 张 鑫旭 阅读 16308 次, 今日 5 次

文字选区片段高亮又新增一名成员,可以使用 ::target-text 伪元素进行匹配,反正耽误不了几分钟,过来看看,说不定之后用得着。
阅读全文…
标签: ::grammar-error, ::highlight(), ::spelling-error, ::target-text, selection, text-anchor, URL, 伪元素, 锚点
发布在 CSS相关 | 3 条评论 »
2022年06月12日 by 张 鑫旭 阅读 17829 次, 今日 4 次

我以为我对 CSS 变量了解够多够深入了,没想到还是有知识的盲区,今天这个小技巧小特性就是其中之一,并且是相当实用的一个特性。
阅读全文…
标签: @keyframes, css var, CSS变量, transform, 自定义属性
发布在 CSS相关 | 13 条评论 »
2022年05月30日 by 张 鑫旭 阅读 32153 次, 今日 7 次

原来让页面刷新的时候不定位到刚才的滚动位置是有优雅至极的方法的,学习了!
阅读全文…
标签: history, scrollRestoration, scrollTo, scrollTop, URL, 刷新, 滚动
发布在 JS API, JS实例 | 13 条评论 »