2022年12月18日 by 张 鑫旭 阅读 23621 次, 今日 23 次
原本以为CSS逻辑属性只能在对称布局这样少见的场景中才有用武之地，最近发现，CSS逻辑属性还有简写的作用，这可牛逼坏了~
阅读全文…
标签： border-block, CSS逻辑属性, direction, inset(), margin-block, margin-inline, text-orientation, writing-mode
发布在 CSS相关 | 9 条评论 »
2022年11月30日 by 张 鑫旭 阅读 21813 次, 今日 25 次
你所想到的，所需要的JS文本节点处理方法、思路和代码，这里应该都有，查找、分割、合并、选区遍历，标签替换……
阅读全文…
标签： append, childNodes, cloneNode, closest, createNodeIterator, createTextNode, getSelection, isEqualNode, isSameNode, node, normalize(), prepend(), replaceChildren, replaceWith(), splitText, Text, 节点
发布在 JS API, JS实例 | 10 条评论 »
2022年11月20日 by 张 鑫旭 阅读 17146 次, 今日 21 次
图像尺寸拉伸的时候，会在外面有一圈拖拽按钮，大多数开发实现此效果会包裹一层标签，然后定位各个按钮以实现最终效果，我就突发奇想，有没有可能仅仅使用IMG标签，就实现同样的效果呢？
阅读全文…
标签： border, border-image, max-width, resize, ResizeObserver, 双指缩放, 图片, 拉伸, 缩放
发布在 JS实例 | 6 条评论 »
2022年11月6日 by 张 鑫旭 阅读 15164 次, 今日 19 次
介绍在Web布局中，我所知道的与倒序排列，或反向布局，或任意位置设置相关的属性和技术，肯定还有其他策略，欢迎补充。
阅读全文…
标签： animation-direction, direction, flex-direction, grid-auto-flow, order, reversed
发布在 CSS相关 | 8 条评论 »
2022年11月5日 by 张 鑫旭 阅读 14644 次, 今日 25 次
有些看起来简简单单的CSS属性，深究起来，其背后的知识量却是惊人的大！比方说list-style-type属性。
阅读全文…
标签： ::marker, @counter-style, counter, counters, list-item, list-style-type
发布在 CSS相关 | 3 条评论 »
2022年10月20日 by 张 鑫旭 阅读 24575 次, 今日 24 次
Web领域终于出了个针对任意元素，且是真正意义上彻底禁用的属性了。
阅读全文…
标签： disabled, form, inert, pointer-events, tabindex
发布在 HTML相关 | 7 条评论 »
2022年10月16日 by 张 鑫旭 阅读 23774 次, 今日 21 次
我以为我摸透了form表单的所有家底 ，殊不知又从哪里冒出了一波新属性新方法，学，我继续学，我学还不行嘛。
阅读全文…
标签： form, FormData, requestSubmit, showPicker(), submitter
发布在 HTML相关 | 6 条评论 »
2022年10月12日 by 张 鑫旭 阅读 13217 次, 今日 21 次
妈妈再也不用担心我的input=file文件选择选择框长得太丑了！
阅读全文…
标签： ::-ms-browse, ::-webkit-file-upload-button, ::file-selector-button, File, input, 伪元素
发布在 CSS相关 | 3 条评论 »
2022年10月12日 by 张 鑫旭 阅读 12362 次, 今日 26 次
介绍一个更容易记忆与理解的@media设备尺寸媒体查询语法，过去的min-width和max-width可以说再见了~
阅读全文…
标签： @media, media queries, postcss, range, text-fill-color, text-stroke
发布在 CSS相关 | 2 条评论 »
2022年09月27日 by 张 鑫旭 阅读 25246 次, 今日 27 次
2022年最期待的大杀器CSS特性@container规则和container容器查询Chrome和Safari都已正式支持，来看看其可以做些什么，特性和语法又是什么？
阅读全文…
标签： @container, @media, contain, container-name, container-type, cqw, css相关, font-size, inline-size, margin-inline, vw
发布在 CSS相关 | 8 条评论 »
我的应用
我的应用