相似内核但语义不同的Web组件该如何更高效的组织代码才能兼顾可维护性和可阅读性呢？如何在任意位置对已由的自定义元素组件进行方法或属性的扩展呢？一点实战经验分享，希望可以帮到大家的工作。
阅读全文…
标签：class, customElements, extends, Shadow DOM, slot, Web Components, 继承, 自定义元素 发布在 JS实例 | 4 条评论 »
文字选区片段高亮又新增一名成员，可以使用 ::target-text 伪元素进行匹配，反正耽误不了几分钟，过来看看，说不定之后用得着。
标签：::grammar-error, ::highlight(), ::spelling-error, ::target-text, selection, text-anchor, URL, 伪元素, 锚点 发布在 CSS相关 | 3 条评论 »
我以为我对 CSS 变量了解够多够深入了，没想到还是有知识的盲区，今天这个小技巧小特性就是其中之一，并且是相当实用的一个特性。
标签：@keyframes, css var, CSS变量, transform, 自定义属性 发布在 CSS相关 | 13 条评论 »
原来让页面刷新的时候不定位到刚才的滚动位置是有优雅至极的方法的，学习了！
标签：history, scrollRestoration, scrollTo, scrollTop, URL, 刷新, 滚动 发布在 JS API, JS实例 | 13 条评论 »
我话就放在这里了，不出三年，CSS @layer 规则一定会在业界遍地开花，到处使用。
标签：@import, @layer, @media, @supports, css相关, font-face, 优先级, 选择器 发布在 CSS相关 | 16 条评论 »
CSS中有两个重要的基础规则，一个是级联（Cascading），一个是继承（Inheritance），本文详细介绍级联规则，理解了级联，就能明白某些看似普通但不解的背后现象的原因。
标签：@layer, @media, @supports, cascade, css相关, inherit, 优先级, 样式, 继承, 选择器 发布在 CSS相关 | 3 条评论 »
本文主要介绍如何使用 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 条评论 »
分享一个实用的小布局效果，可以优化粘性定位的效果体验。
标签：flex布局, position, sticky, 粘性定位 发布在 CSS相关 | 7 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎抖音热更B站Gitee
我的应用
我的应用