2022年09月20日 by 张 鑫旭 阅读 14020 次, 今日 7 次

本文介绍一个实用前端技术,可以让框架中私有上下文中的CSS不添加随机属性选择器,从而可以匹配第三方组件的HTML结构以及JS动态生成的HTML元素。
阅读全文…
标签: :has(), :is, :not, :scope, :where, react, vue, 伪类, 属性选择器, 框架, 选择器
发布在 CSS相关 | 10 条评论 »
2022年09月19日 by 张 鑫旭 阅读 26399 次, 今日 9 次

不知道大家有没有遇到autocomplete off无效,或者需要重置浏览器表单自动填充样式的需求,本文就将带大家聊聊背后相关的知识。
阅读全文…
标签: :autofill, autocomplete, form, input, readonly
发布在 Web综合 | 11 条评论 »
2022年08月31日 by 张 鑫旭 阅读 15706 次, 今日 9 次

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

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

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

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

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

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

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

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