2022年06月30日 by 张 鑫旭 阅读 19823 次, 今日 28 次

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

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

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

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

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

我话就放在这里了,不出三年,CSS @layer 规则一定会在业界遍地开花,到处使用。
阅读全文…
标签: @import, @layer, @media, @supports, css相关, font-face, 优先级, 选择器
发布在 CSS相关 | 16 条评论 »
2022年05月22日 by 张 鑫旭 阅读 14960 次, 今日 26 次

CSS中有两个重要的基础规则,一个是级联(Cascading),一个是继承(Inheritance),本文详细介绍级联规则,理解了级联,就能明白某些看似普通但不解的背后现象的原因。
阅读全文…
标签: @layer, @media, @supports, cascade, css相关, inherit, 优先级, 样式, 继承, 选择器
发布在 CSS相关 | 3 条评论 »
2022年05月12日 by 张 鑫旭 阅读 17742 次, 今日 31 次

本文主要介绍如何使用 JS 代码实时生成条形码,以及介绍条形码在 Web 应用中的优势,启发若干可以使用条形码的场景。
阅读全文…
标签: encode, Unicode编码, 二维码, 加密, 图像处理, 条形码, 编码, 解密
发布在 JS实例 | 6 条评论 »
2022年04月30日 by 张 鑫旭 阅读 24440 次, 今日 32 次

JS new Function() 语法看起来平平无奇 ,但是其字符串作为函数主体的特性大有用处,本文绝对会让你有所收益!
阅读全文…
标签: Function, Object, RegExp, String, template, 函数
发布在 JS API | 10 条评论 »
2022年04月27日 by 张 鑫旭 阅读 13874 次, 今日 35 次

如何判断 CSS @font-face 规则中的字体是否加载结束,是否加载成功?本文提供的方法你一定喜欢。
阅读全文…
标签: font, font-face, FontFace, woff, woff2
发布在 JS实例 | 3 条评论 »