2022年10月16日 by 张 鑫旭 阅读 22484 次, 今日 21 次

我以为我摸透了form表单的所有家底 ,殊不知又从哪里冒出了一波新属性新方法,学,我继续学,我学还不行嘛。
阅读全文…
标签: form, FormData, requestSubmit, showPicker(), submitter
发布在 HTML相关 | 6 条评论 »
2022年10月12日 by 张 鑫旭 阅读 11885 次, 今日 14 次

妈妈再也不用担心我的input=file文件选择选择框长得太丑了!
阅读全文…
标签: ::-ms-browse, ::-webkit-file-upload-button, ::file-selector-button, File, input, 伪元素
发布在 CSS相关 | 3 条评论 »
2022年10月12日 by 张 鑫旭 阅读 11014 次, 今日 11 次

介绍一个更容易记忆与理解的@media设备尺寸媒体查询语法,过去的min-width和max-width可以说再见了~
阅读全文…
标签: @media, media queries, postcss, range, text-fill-color, text-stroke
发布在 CSS相关 | 2 条评论 »
2022年09月27日 by 张 鑫旭 阅读 23400 次, 今日 22 次

2022年最期待的大杀器CSS特性@container规则和container容器查询Chrome和Safari都已正式支持,来看看其可以做些什么,特性和语法又是什么?
阅读全文…
标签: @container, @media, contain, container-name, container-type, cqw, css相关, font-size, inline-size, margin-inline, vw
发布在 CSS相关 | 8 条评论 »
2022年09月21日 by 张 鑫旭 阅读 16337 次, 今日 17 次

如果你有类似划词评论的开发需求,本文内容不容错过,这可是外面很难找到的开发素材,暂时没有遇到类似需求也没关系,可以Star下项目,日后再说。
阅读全文…
标签: anchorNode, focusNode, getBoundingClientRect, getRangeAt, getSelection, range, selection, surroundContents, user-select
发布在 JS实例 | 5 条评论 »
2022年09月20日 by 张 鑫旭 阅读 13002 次, 今日 11 次

本文介绍一个实用前端技术,可以让框架中私有上下文中的CSS不添加随机属性选择器,从而可以匹配第三方组件的HTML结构以及JS动态生成的HTML元素。
阅读全文…
标签: :has(), :is, :not, :scope, :where, react, vue, 伪类, 属性选择器, 框架, 选择器
发布在 CSS相关 | 10 条评论 »
2022年09月19日 by 张 鑫旭 阅读 24864 次, 今日 32 次

不知道大家有没有遇到autocomplete off无效,或者需要重置浏览器表单自动填充样式的需求,本文就将带大家聊聊背后相关的知识。
阅读全文…
标签: :autofill, autocomplete, form, input, readonly
发布在 Web综合 | 11 条评论 »
2022年08月31日 by 张 鑫旭 阅读 14698 次, 今日 12 次

在线办公时候 @某某某 然后下拉列表选择,然后高亮,hover此人还有信息是很常见的功能,我都遇到了这样的需求,别人也可能会遇到,于是整理整理,把自己的实现思路封装下,开源给需要的小伙伴。
阅读全文…
标签: contenteditable, createRange, getRangeAt, getSelection, textContent, tributejs, user-modify, 文本域
发布在 JS实例 | 5 条评论 »
2022年08月24日 by 张 鑫旭 阅读 25671 次, 今日 21 次

盼星星盼月亮,盼了24年,:has() 伪类终于来了,在棘手的性能问题解决之后,这是一个神级CSS伪类,以后一定会在前端领域掀起不小的波澜。
阅读全文…
标签: :has(), 伪类, 父选择器, 选择器
发布在 CSS相关 | 17 条评论 »
2022年08月21日 by 张 鑫旭 阅读 11834 次, 今日 14 次

介绍两个比较新的都带有 all 字样的 JS API,replaceAll 和 matchAll,增强了传统的 replace 和 match 方法的能力,看看自己项目中是不是可以用用。
阅读全文…
标签: exec, match, matchAll, RegExp, replace, replaceAll, String, 正则表达式
发布在 JS API | 没有评论 »