如何继承自定义元素及其他JS中扩展新方法

2022年06月19日 by 张 鑫旭 阅读 4948 次, 今日 7 次

占位封面图

相似内核但语义不同的Web组件该如何更高效的组织代码才能兼顾可维护性和可阅读性呢?如何在任意位置对已由的自定义元素组件进行方法或属性的扩展呢?一点实战经验分享,希望可以帮到大家的工作。

阅读全文…

基于文字的URL锚点定位与::target-text样式设置

2022年06月12日 by 张 鑫旭 阅读 5425 次, 今日 5 次

targer-text文字片段高亮

文字选区片段高亮又新增一名成员,可以使用 ::target-text 伪元素进行匹配,反正耽误不了几分钟,过来看看,说不定之后用得着。

阅读全文…

介绍一种CSS变量未定义语法也OK的小妙招

2022年06月12日 by 张 鑫旭 阅读 5856 次, 今日 7 次

占位图 CSS变量技巧

我以为我对 CSS 变量了解够多够深入了,没想到还是有知识的盲区,今天这个小技巧小特性就是其中之一,并且是相当实用的一个特性。

阅读全文…

如何实现页面刷新后不定位到之前的滚动位置?

2022年05月30日 by 张 鑫旭 阅读 12448 次, 今日 16 次

间谍过家家

原来让页面刷新的时候不定位到刚才的滚动位置是有优雅至极的方法的,学习了!

阅读全文…

详解日后定会大规模使用的CSS @layer 规则

2022年05月28日 by 张 鑫旭 阅读 8515 次, 今日 29 次

封面图-披萨可乐

我话就放在这里了,不出三年,CSS @layer 规则一定会在业界遍地开花,到处使用。

阅读全文…

CSS必学基础:理解CSS中的级联规则

2022年05月22日 by 张 鑫旭 阅读 5996 次, 今日 9 次

CSS级联封面图

CSS中有两个重要的基础规则,一个是级联(Cascading),一个是继承(Inheritance),本文详细介绍级联规则,理解了级联,就能明白某些看似普通但不解的背后现象的原因。

阅读全文…

JS与条形码的生成

2022年05月12日 by 张 鑫旭 阅读 6777 次, 今日 9 次

条形码图片示意

本文主要介绍如何使用 JS 代码实时生成条形码,以及介绍条形码在 Web 应用中的优势,启发若干可以使用条形码的场景。

阅读全文…

深入 JS new Function 语法

2022年04月30日 by 张 鑫旭 阅读 8217 次, 今日 47 次

卡通动物封面图

JS new Function() 语法看起来平平无奇 ,但是其字符串作为函数主体的特性大有用处,本文绝对会让你有所收益!

阅读全文…

小tips: JS字体加载失败或完毕的检测

2022年04月27日 by 张 鑫旭 阅读 4549 次, 今日 6 次

font 字体封面图占位图

如何判断 CSS @font-face 规则中的字体是否加载结束,是否加载成功?本文提供的方法你一定喜欢。

阅读全文…

CSS实现滚动高度自动变小的粘滞效果

2022年04月22日 by 张 鑫旭 阅读 6838 次, 今日 8 次

猫与花

分享一个实用的小布局效果,可以优化粘性定位的效果体验。

阅读全文…