CSS ::file-selector-button伪元素简介

2022年10月12日 by 张 鑫旭 阅读 9712 次, 今日 13 次

下雨 景色 封面图 占位

妈妈再也不用担心我的input=file文件选择选择框长得太丑了!

阅读全文…

更符合书写习惯的CSS媒体查询Range语法

2022年10月12日 by 张 鑫旭 阅读 8923 次, 今日 11 次

仙鹤 封面 占位 水墨

介绍一个更容易记忆与理解的@media设备尺寸媒体查询语法,过去的min-width和max-width可以说再见了~

阅读全文…

介绍2022最期待且已正式支持的CSS container容器查询

2022年09月27日 by 张 鑫旭 阅读 20584 次, 今日 15 次

封面占位图CSS container

2022年最期待的大杀器CSS特性@container规则和container容器查询Chrome和Safari都已正式支持,来看看其可以做些什么,特性和语法又是什么?

阅读全文…

划词评论与Range开发若干经验分享

2022年09月21日 by 张 鑫旭 阅读 13583 次, 今日 24 次

万里挑一

如果你有类似划词评论的开发需求,本文内容不容错过,这可是外面很难找到的开发素材,暂时没有遇到类似需求也没关系,可以Star下项目,日后再说。

阅读全文…

巧用:is()或:where()伪类让scoped的style依然全局匹配

2022年09月20日 by 张 鑫旭 阅读 10799 次, 今日 12 次

熊和兔子封面图

本文介绍一个实用前端技术,可以让框架中私有上下文中的CSS不添加随机属性选择器,从而可以匹配第三方组件的HTML结构以及JS动态生成的HTML元素。

阅读全文…

聊聊:autofill和autocomplete自动填充

2022年09月19日 by 张 鑫旭 阅读 21524 次, 今日 85 次

表单填充示意

不知道大家有没有遇到autocomplete off无效,或者需要重置浏览器表单自动填充样式的需求,本文就将带大家聊聊背后相关的知识。

阅读全文…

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

2022年08月31日 by 张 鑫旭 阅读 12333 次, 今日 13 次

飞书

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

阅读全文…

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

2022年08月24日 by 张 鑫旭 阅读 23027 次, 今日 26 次

云和梯子

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

阅读全文…

JS replaceAll 和 matchAll 使用指南不指北

2022年08月21日 by 张 鑫旭 阅读 9668 次, 今日 13 次

封面图-纸飞机

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

阅读全文…

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

2022年07月27日 by 张 鑫旭 阅读 13640 次, 今日 14 次

封面图,书籍和咖啡

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

阅读全文…