gitee上撸了个类似飞书OKR输入框的@提及项目

2022年08月31日 by 张 鑫旭 阅读 10595 次, 今日 1 次

飞书

在线办公时候 @某某某 然后下拉列表选择,然后高亮,hover此人还有信息是很常见的功能,我都遇到了这样的需求,别人也可能会遇到,于是整理整理,把自己的实现思路封装下,开源给需要的小伙伴。

阅读全文…

来了,来了,CSS :has()伪类她来了

2022年08月24日 by 张 鑫旭 阅读 20183 次, 今日 4 次

云和梯子

盼星星盼月亮,盼了24年,:has() 伪类终于来了,在棘手的性能问题解决之后,这是一个神级CSS伪类,以后一定会在前端领域掀起不小的波澜。

阅读全文…

JS replaceAll 和 matchAll 使用指南不指北

2022年08月21日 by 张 鑫旭 阅读 8298 次, 今日 2 次

封面图-纸飞机

介绍两个比较新的都带有 all 字样的 JS API,replaceAll 和 matchAll,增强了传统的 replace 和 match 方法的能力,看看自己项目中是不是可以用用。

阅读全文…

万物皆可clip-path,纯CSS绘制0-9数字

2022年07月27日 by 张 鑫旭 阅读 12210 次, 今日 3 次

封面图,书籍和咖啡

抽几个小时使用 clip-path 绘制了一套 CSS 数字,可任意免费使用,大家自取。

阅读全文…

超酷!CSS font-palette与彩色字体显示

2022年07月21日 by 张 鑫旭 阅读 11156 次, 今日 5 次

封面图

本文详细介绍关于多彩字体的知识,以及如何使用 font-palette 等CSS属性设置字体的不同色调,国内首发,稀缺干货知识。

阅读全文…

CSS排版为何强?瞧瞧多牛这换行

2022年06月30日 by 张 鑫旭 阅读 16289 次, 今日 2 次

网页文字与换行

在 CSS 这门语言中,凡是 Web 中的换行规则都可以改变,无论是中文的还是英文的,灵活到超出你的想象,非常强大!

阅读全文…

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

2022年06月19日 by 张 鑫旭 阅读 9004 次, 今日 2 次

占位封面图

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

阅读全文…

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

2022年06月12日 by 张 鑫旭 阅读 9408 次, 今日 4 次

targer-text文字片段高亮

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

阅读全文…

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

2022年06月12日 by 张 鑫旭 阅读 11191 次, 今日 1 次

占位图 CSS变量技巧

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

阅读全文…

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

2022年05月30日 by 张 鑫旭 阅读 23139 次, 今日 3 次

间谍过家家

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

阅读全文…