- 博客(1890)
- 资源 (39)
- 收藏
- 关注
原创 我发现了人人都在吹的 CSS 神技——然后我的写法彻底变了
那个曾经“连 div 都居中不了”的语言,现在已经强到能替你删掉一堆框架级别的补丁代码。《State of CSS 2025》刚发布,里面有个很有意思的现象:那些能解决你日常痛点的功能,其实就摆在那儿——只是你没用。你的下一步很简单: 打开《State of CSS 2025》,挑一个你没用过的功能,玩 15 分钟。因为此刻,某个开发者正在用 6 行现代 CSS 解决你正在用 200 行 JavaScript 硬扛的问题。:使用率垫底(支持度还很新)。那个从远古时代就被求了无数次的“父选择器”,终于来了。
2025-12-22 18:00:00
566
原创 如果早点知道这 7 个 Mac 神器,我的早晨至少能少崩溃一半
问题是:我 Mac 上装了 100+ App(是的,我有问题,但我不打算治), 当我想找一个“图标记得,名字忘了”的 App 时,就会陷入大型尴尬: 你明明知道它存在,但你就是叫不出它的名字。所以每次我发现一个“原来 Mac 还能这样”的 App,我都会产生一种羞耻感: 像你住了好多年的房子,突然发现衣柜后面还有个暗格。你可以设置每 30 分钟、1 小时提醒一次(我设 45 分钟,刚刚好), 休息时长可以设 20–60 秒——短到你不会抗拒,但足够让眼睛喘口气。如果你也遇到类似问题,装它,然后记得把。
2025-12-22 12:00:00
720
原创 为什么苹果公司迟迟不修复 Xcode?
他们看到的是:Xcode 能编译 iOS、macOS、watchOS、tvOS,甚至现在还有 visionOS。因为如果你要做 iOS,Xcode 就是你的车票——你想换也换不了。我们买它的硬件,遵守它的规则,甚至还用 SwiftUI(有时还是自愿的)。问题是:它不是从零打造一个干净的模块化 IDE,而是在一个巨大的单体应用上不断“加盖”。我不认为苹果会在短期内“修好 Xcode”,至少不会按我们想的方式。你打开 Xcode,打了几行字,自动补全突然开始摆烂。你点了 Build,它不编译,它先思考。
2025-12-22 08:10:40
391
原创 Kotlin 的“葬礼”已经宣布?苹果把 Swift 偷偷塞进 Android 的那一刻,移动开发要变天了
Kotlin 在 Android 上的根基太深:工具链、生态、Jetpack、Compose、Android Studio 的协同,不是一天两天能撼动的。, Android 端 UI 继续 Kotlin / 原生, iOS 端 UI 继续 SwiftUI / 原生, 两端都“原生体验”,但逻辑不重复造轮子。明确支持的 Android 版本、API Level、ABI(别再“能跑算我输”)([Swift.org][2])过去十年,很多 iOS 开发者进入移动团队时,会被默认要求“顺便学 Kotlin”。
2025-12-21 16:12:23
451
原创 别等了!iPad mini 8 爆料全线炸裂:那个让果粉等疯了的功能,这次终于要来了?
iPad mini 7 依然是一款出色的平板,甚至在我心里,它是苹果造过的最好的 iPad。但我觉得,只要苹果舍得给好屏,这钱花得也算值了。特别是如果你习惯了其他支持 ProMotion(高刷)的苹果设备,再回头看 iPad Air 那块 60Hz 的屏幕,简直像是在用上个世纪的古董。客观来说,它换了更快的芯片(支持了 AI),内存翻倍,存储也翻倍,还支持了新笔。现在是 2025 年 12 月,在这个充满寒意的深夜里,我竟然又坐在电脑前,被“苹果耳语网络”喂得饱饱的,甚至忍不住想敲下几千字来宣泄某种情绪。
2025-12-21 10:18:34
248
原创 14.文本装饰厚度 (text-decoration-thickness)
text-decoration-thickness属性为我们提供了对文本装饰线厚度的精确控制,这在传统CSS中是无法实现的。通过这个属性,我们可以创建更加精美和个性化的文本装饰效果,提升网页的视觉表现力和用户体验。text-decoration-thickness CSS属性用于设置装饰线的厚度,如下划线、上划线和删除线。理解text-decoration-thickness的基本概念和语法。: 使用字体文件中的厚度值(如果可用)学会与其他文本装饰属性的配合使用。: 浏览器选择合适的装饰线厚度。
2025-12-20 22:28:24
199
原创 13.位置尝试 (@position-try)
position-try是CSS锚点定位(CSS Anchor Positioning)的重要组成部分,它解决了一个常见的UI问题:当定位元素(如工具提示、下拉菜单、弹出框)可能溢出视口或容器时,如何智能地调整其位置以保持可见性和可用性。@position-try是CSS中的一个实验性属性,它是position-try-order和position-try-fallbacks的简写属性,用于控制锚点定位元素在溢出其包含块时的响应方式。理解@position-try的基本概念和工作原理。
2025-12-20 22:28:24
258
原创 11.CSS属性 (@property)
property是CSS中一个强大的特性,它将自定义CSS属性(CSS变量)提升到了一个新的层次。通过@property,我们可以为自定义属性定义数据类型、初始值和继承行为,使得CSS变量不仅仅是简单的字符串替换,而是具有真正语义的、可动画的属性。@property规则允许开发者定义自定义CSS属性,具有类型检查、默认值和继承行为控制,创建更强大、可动画的自定义属性。
2025-12-20 22:28:24
235
原创 12.margin-trim
margin-trim是CSS中一个实验性的属性,它解决了一个常见的布局问题:当容器内的第一个或最后一个子元素有边距时,这些边距会在容器边缘创建不必要的空白。通过使用margin-trim,我们可以自动移除这些边距,创建更清洁、一致的布局。margin-trim属性可以自动修剪容器边缘元素的不必要边距,创建一致的间距而无需手动调整。
2025-12-20 22:28:24
284
原创 我停止使用 Docker 后,一切都变得更轻松了
每一次 commit、每一个 feature branch、每一轮 bug fix:构建慢得像在拖尸体,报错神秘得像在写谜语,容器臃肿得像塞满棉花的行李箱,而我一直有种感觉:我在跟一个黑盒子摔跤,它还不怎么尊重我。全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。除非你非常严格地锁版本、每次改动都重建镜像、对 base image 更新高度敏感(你并没有),否则你的容器环境也会漂移,而且是那种。
2025-12-20 16:34:35
440
原创 10种被动收入来源,帮助开发者度过裁员难关
这是我在等 recruiter 回“我们选择了其他候选人”的间隙,写下的生存手册。如果你的 newsletter 很好玩,它大概率不赚钱。如果这篇对你有用,转给一个正在假装“我只是休息一下”的开发者。你我都知道,那句话真正的意思是什么。我有一支技术全面、经验丰富的小型团队,专注高效交付中等规模外包项目,有需要外包项目的可以联系我。不是我鲁莽,是我在一个崇拜“颠覆”的行业里,居然相信了“稳定”。” 那基本就是你未来的被动收入,只差你鼓起勇气。但除非你很有名,或者很会吆喝,否则课程基本就是“自我感动”。
2025-12-20 11:14:47
541
原创 别再傻傻 <link rel=stylesheet> 了:你的网站慢,真不冤 CSS 加载看起来很简单。
全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。这事其实是“好事”:它能避免页面先光秃秃一片,然后再突然“穿衣服”的 FOUC(Flash of Unstyled Content)。就是“你还没来得及皱眉,它就结束了”。我有一支技术全面、经验丰富的小型团队,专注高效交付中等规模外包项目,有需要外包项目的可以联系我。拆分当然有用,但它没解决“核心矛盾”。浏览器终于不只是“拦路虎”,而开始像个“帮你省钱的同事”。
2025-12-19 18:00:00
900
原创 别再傻傻 <link rel=stylesheet> 了:你的网站慢,真不冤 CSS 加载看起来很简单。
全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。这事其实是“好事”:它能避免页面先光秃秃一片,然后再突然“穿衣服”的 FOUC(Flash of Unstyled Content)。就是“你还没来得及皱眉,它就结束了”。我有一支技术全面、经验丰富的小型团队,专注高效交付中等规模外包项目,有需要外包项目的可以联系我。拆分当然有用,但它没解决“核心矛盾”。浏览器终于不只是“拦路虎”,而开始像个“帮你省钱的同事”。
2025-12-19 18:00:00
605
原创 别再傻傻 <link rel=stylesheet> 了:你的网站慢,真不冤 CSS 加载看起来很简单。
全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。这事其实是“好事”:它能避免页面先光秃秃一片,然后再突然“穿衣服”的 FOUC(Flash of Unstyled Content)。就是“你还没来得及皱眉,它就结束了”。我有一支技术全面、经验丰富的小型团队,专注高效交付中等规模外包项目,有需要外包项目的可以联系我。拆分当然有用,但它没解决“核心矛盾”。浏览器终于不只是“拦路虎”,而开始像个“帮你省钱的同事”。
2025-12-19 18:00:00
853
原创 别再傻傻 <link rel=stylesheet> 了:你的网站慢,真不冤 CSS 加载看起来很简单。
全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。这事其实是“好事”:它能避免页面先光秃秃一片,然后再突然“穿衣服”的 FOUC(Flash of Unstyled Content)。就是“你还没来得及皱眉,它就结束了”。我有一支技术全面、经验丰富的小型团队,专注高效交付中等规模外包项目,有需要外包项目的可以联系我。拆分当然有用,但它没解决“核心矛盾”。浏览器终于不只是“拦路虎”,而开始像个“帮你省钱的同事”。
2025-12-19 18:00:00
269
原创 别再傻傻 <link rel=stylesheet> 了:你的网站慢,真不冤 CSS 加载看起来很简单。
全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。这事其实是“好事”:它能避免页面先光秃秃一片,然后再突然“穿衣服”的 FOUC(Flash of Unstyled Content)。就是“你还没来得及皱眉,它就结束了”。我有一支技术全面、经验丰富的小型团队,专注高效交付中等规模外包项目,有需要外包项目的可以联系我。拆分当然有用,但它没解决“核心矛盾”。浏览器终于不只是“拦路虎”,而开始像个“帮你省钱的同事”。
2025-12-19 18:00:00
684
原创 别再傻傻 <link rel=stylesheet> 了:你的网站慢,真不冤 CSS 加载看起来很简单。
全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。这事其实是“好事”:它能避免页面先光秃秃一片,然后再突然“穿衣服”的 FOUC(Flash of Unstyled Content)。更麻烦的是:大多数站点的页面之间共享大量样式。我有一支技术全面、经验丰富的小型团队,专注高效交付中等规模外包项目,有需要外包项目的可以联系我。:你只加载页面需要的 CSS(critical / page-focused)。
2025-12-19 18:00:00
199
原创 别再傻傻 <link rel=stylesheet> 了:你的网站慢,真不冤 CSS 加载看起来很简单。
全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。这事其实是“好事”:它能避免页面先光秃秃一片,然后再突然“穿衣服”的 FOUC(Flash of Unstyled Content)。就是“你还没来得及皱眉,它就结束了”。我有一支技术全面、经验丰富的小型团队,专注高效交付中等规模外包项目,有需要外包项目的可以联系我。拆分当然有用,但它没解决“核心矛盾”。浏览器终于不只是“拦路虎”,而开始像个“帮你省钱的同事”。
2025-12-19 18:00:00
335
原创 别再傻傻 <link rel=stylesheet> 了:你的网站慢,真不冤 CSS 加载看起来很简单。
全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。这事其实是“好事”:它能避免页面先光秃秃一片,然后再突然“穿衣服”的 FOUC(Flash of Unstyled Content)。就是“你还没来得及皱眉,它就结束了”。我有一支技术全面、经验丰富的小型团队,专注高效交付中等规模外包项目,有需要外包项目的可以联系我。拆分当然有用,但它没解决“核心矛盾”。浏览器终于不只是“拦路虎”,而开始像个“帮你省钱的同事”。
2025-12-19 18:00:00
248
原创 iOS 26 这 10 个“隐藏开关”,会把你的 iPhone 直接用成新手机
Visual Look Up 的另一个副作用(更准确说是“隐藏技能”): 你把活动信息截图下来——不管是网页、邮件、WhatsApp 邀请——系统会识别为“事件”,然后弹一个提示,让你一键添加到 Apple Calendar。Fitness 里大家都在说 Workout Buddy,但我更爱一个小细节: 系统会根据你平时听歌习惯 + 当前运动类型,自动给你挑一套“适配歌单”,并在你开始运动时自动播放(除非你本来就在听别的)。有些功能,一旦你用上了,你会忍不住怀疑:以前的我,到底在用什么?
2025-12-19 12:00:00
762
原创 年度开发者报告刚出炉:软件行业要“死”了吗?
贵到很多产品必须通过“限额、涨价、收紧、节流”才能活下去——你已经在各个平台上感受到这种变化了:额度变少了、限制变多了、体验开始“被管理”了。全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。TypeScript、Go、Rust、Java、C#、云基础设施、分布式系统——任何跟真实业务价值强绑定的东西。在一个“人写一半、AI 写一半、周三下午 2 点临时凑出来一半”的代码世界里,类型系统就是护栏。
2025-12-19 08:10:27
652
原创 2025 年 CSS 真的开始“夺权”了:18 个你大概率没听过的新特性
全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。2025 快结束了,你可能听过一些 CSS 的大更新:容器查询、嵌套更顺手了、Anchor API 更成熟了……这些都算“有动静”。border-radius 玩久了会腻:你想要“凹角”“缺口”“squircle”,以前全靠 clip-path / SVG。你做过文章目录(TOC)就知道:要“滚到哪就高亮哪”,以前基本离不开监听/Observer。
2025-12-18 18:00:00
625
原创 别以为 React2Shell 过去了:RSC 又爆出两颗新雷,每个 Next.js/React 团队都该立刻知道
于是,我们得到的是更清晰的风险边界,以及更及时的补丁落地到框架中。更关键的是:RSC handler 并不是传统 REST API,它用的是一套相对年轻的协议,边界还在扩展,边角还在被极限测试。根因仍然和 RSC 请求的解释方式有关:当发送某些畸形或刻意构造的 payload 时,服务器会返回对 Server Action 的某种序列化表示,结果“多说了不该说的”,把源码级信息暴露了出来。如果你维护的是 Next.js 应用,或者任何用到 RSC 的系统——现在就是你升级、复查、加固安全姿态的最好时机。
2025-12-18 12:00:00
917
原创 你可能一直在用“错误”的 USB 充电线(难怪你的 Mac 充得像在喝露水)
这不代表你手里的 100W 线立刻报废, 但如果你现在要买新的,直接上。也就是说: 你拿一根没标识的 USB-C 线,设备往往会当它是“普通 60W 工人”。你以为 USB-C 是“伟大的统一接口”—— 通用、可正反插、能充电、能传数据、能连显示器……你翻一堆 USB-C 线,根本分不出谁是 60W,谁是 240W。USB-C 刚普及那几年,有些厂家为了省钱,做了便宜的 USB-A to USB-C 线,左右,现在已经很少见。这个电阻的作用是告诉设备: “兄弟,你另一头是老 USB-A,别一上来就猛吸电。
2025-12-18 08:10:22
678
原创 面了 100+ 次前端后,我被一个 React 问题当场“打回原形”
Fiber 的意义,就是让 React 更像一个会调度的系统,而不是一个只会蛮干的工人。全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。我经历过的面试,清清楚楚:有的我赢得很漂亮,有的我输得很难看,有的我坐在对面当面试官,看别人紧张到手心出汗。我有一支技术全面、经验丰富的小型团队,专注高效交付中等规模外包项目,有需要外包项目的可以联系我。这类能力能成立: React 不是只会“立刻刷新”,它开始会“权衡”
2025-12-17 18:13:40
381
原创 React 以惨痛的方式重新吸取了 25 年前 RCE 的一个教训
为了流式渲染、缓存、自动 revalidate、server actions、写一次到处跑,他们做了强耦合的执行管线。全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。成为主流,React 不再只是前端框架——它成了一个后端运行时:跑在 Node.js 里、读数据库、摸环境变量、改服务端状态。而 Java 原生序列化、以及 React RSC 的漏洞路径,都是跨过了这条线:让网络“碰到了执行结构”。
2025-12-17 14:18:58
888
原创 15 个 macOS 小技巧,简直像作弊码一样好用
一种,把 Mac 当成一台很贵的打字机——能写文档、能上网、能开会,就行。这些年我收集了一堆 macOS 小技巧:有的实用、有的怪、有的隐藏得像苹果故意埋的彩蛋——只有那些天天按 Option 键“乱戳系统”的人,才会撞见。更“邪术”的是:如果你开了 Universal Control,你甚至能把文件从 Mac 拖到 iPad(或反过来)。刚好我做 IT,经常帮人修电脑、排问题,顺手就能捡到不少这种“系统偷偷塞给你的福利”。它会把主体干干净净抠出来,背景消失得像做了弊——不用 PS,不用插件,不用折腾。
2025-12-17 08:14:48
900
原创 这条“小得离谱”的 CSS 规则,能把整个设计系统瞬间拉齐
全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。这段代码的变化不是“更短”,而是更像系统。后来我发现了一个 CSS 功能:小到你会忽略,但一用上,你会觉得自己像突然学会了“团队协作”的语言。把所有“系统级的设计决策”(圆角、间距、字号)统一放在一个地方,然后让所有组件来引用它。你以为你在做 UI,实际上你在玩“打地鼠”。然后组件不再随手写“我觉得多少合适”,而是改成“我用系统给我的标准值”。
2025-12-16 18:01:00
804
原创 我在创业公司面试里画了 MVVM。对方问“为什么”。我当场宕机。
创业公司的面试,最阴的地方在于:它从不告诉你它在考什么。在大代码库里待久了,模式会变成一种“负责的信仰”。而选择简单,会让你本能觉得“这很不专业”“这很危险”。我失败,是因为我在捍卫一个模式,而不是捍卫一个决策。你不怕重构(知道什么时候该拆) 在创业公司,这些比“画得干净的架构图”更值钱。因为创业公司面试考的不是“你知道什么模式”,而是“你能不能解释你的权衡”。我的脑子像在搜索一个“听起来不像抄博客”的理由,结果搜出来的全是空白。我在为一个“可能永远不会到来”的未来,提前搭架子、堆层次、抬成本。
2025-12-16 12:00:00
434
原创 iOS 26.2 正式上线——这 24 个“离谱好用”的新功能,你不改设置就等于白更新!
如果你也像我一样爱挖 iOS & Mac 新 App,可以考虑订阅 Setapp:一个月 $9.99,能用 240+ 精选 App(单买可能要几百刀)。对 EU 用户意味着: 你 iPhone 保存的 Wi-Fi,不再自动同步到 Apple Watch(反之亦然),你需要在新 Wi-Fi 上分别登录。你说话,对方能在你 iPhone 上看到翻译文本,还能选择朗读。如果你在 EU,你对这事不陌生: iOS 17.4 开始允许第三方应用市场(类似 AltStore),俗称 sideloading。
2025-12-16 08:13:52
803
原创 哪种后端语言能养家糊口?(2025 年市场数据)
薪资上,Go 更像“稳定的现金流”:3–5 年经验的后端 Go 岗位,在一线城市常见区间大致会落在 25–45K/月(14–15 薪常见),比如北京的 Go 后端岗位就能看到 25–45K·14 薪/15 薪这类标注。而在猎头平台上,Rust 还会出现更“极端”的高价段位:例如 Rust 远程岗 25–50K,以及部分 Web3/交易系统方向出现 40–70K·16 薪甚至更高的标注(具体要看业务与合规、所在地与币圈/量化属性)。你要做 API、微服务、云工具,Go 往往是“最省心”的那条路。
2025-12-15 18:17:18
1104
原创 这个 TypeScript 冷门功能,可无缝清理你的架构
全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。今天分享一个 TypeScript 里很“低调”的特性:它能让这些“接线”变得轻松很多,而且不需要 NestJS、Angular 这种重量框架。,但你可能忘了注册它——这件事不会在编译期拦住你,可能会在运行时用“空指针/undefined”教你做人。我有一支技术全面、经验丰富的小型团队,专注高效交付中等规模外包项目,有需要外包项目的可以联系我。
2025-12-15 12:00:00
821
原创 MacBook 那些“偷偷摸摸”的隐私设置|2026 你现在就该改(真的)
你在 A 网站搜鞋,结果 B 网站、C 网站、甚至你刷个视频都在给你推那双鞋——这就叫跨站跟踪(cross-site tracking)。苹果硬件做得确实漂亮,但很多默认设置,优先照顾的是“方便”,不是“隐私”。我们最爱干的一件事是:某天装了个 App,它弹窗问“要不要用麦克风”,我们点了“允许”,然后……你的 Mac 能记录你经常去的地方,给你一些“贴心”的定位建议?这条不完全是“防跟踪”,更多是“防偷”。Safari 其实自带“反跟踪”,但你得确认它真的开着,不然就等于你锁了门却没关窗。
2025-12-15 08:10:19
870
原创 别再这样给 iPhone 充电了:你以为在“续命”,其实是在慢慢“送命”
但如果是 8 小时的过夜充电,你就是在让电池每晚都承受不必要的热应激。这是我现在的流程:它让我的 iPhone 在重度使用三年后,电池健康依然维持在 82%(如果我更早这样做,可能现在还在 95% 左右)。一台电池健康 82% 的手机,和 96% 的手机,在买家眼里完全不是一个档次。更麻烦的是,你还制造了所谓的“寄生负载”:一边往里充,一边又把电放出去,相当于让电池不停循环,充电逻辑也更难保持稳定。大家脑子里总有个画面:手机插着电到 100%,继续插着,电池就会被“撑爆”,像气球一样紧绷,迟早出事。
2025-12-14 08:53:38
645
原创 08.CSS if() 函数
CSS if() 函数是CSS中最具革命性的特性之一,它为CSS引入了真正的条件逻辑。通过if()函数,我们可以在单个属性声明中根据不同条件设置不同的值,无需编写多个CSS规则块,大大简化了响应式设计和主题切换的实现。CSS if() 函数允许基于条件(如媒体查询、自定义属性或特性支持)设置不同的属性值,为CSS带来了真正的条件逻辑。了解if()函数与其他CSS特性的结合使用。理解CSS if()函数的基本概念和语法。学会在实际项目中应用if()函数。掌握不同类型的条件判断方法。CSS if()函数基础。
2025-12-13 19:22:53
234
原创 07.层叠图层(Cascade Layers)
层叠图层是CSS中一个革命性的特性,它解决了传统CSS中特异性管理困难的问题。通过将样式组织成不同的图层,我们可以明确控制样式的优先级,而不必依赖复杂的特异性计算或使用。层叠图层允许你将CSS组织成具有特定优先级的"图层",让你更好地控制层叠规则,使复杂的样式表更易于管理。理解层叠图层的基本概念和工作原理。掌握图层的最佳实践和设计模式。了解图层在大型项目中的应用。掌握图层的定义和使用语法。学会图层优先级的控制方法。
2025-12-13 19:22:53
296
原创 10.视图过渡 (View Transitions)
视图过渡API是现代Web开发中的一个革命性特性,它允许开发者轻松创建页面状态变化时的流畅动画效果。通过捕获DOM状态的快照并在状态变化之间创建动画,视图过渡API大大简化了复杂动画的实现,提供了原生的、高性能的动画解决方案。视图过渡API为页面不同状态之间或不同页面之间创建流畅的过渡动画,通过声明式CSS动画实现精致的用户体验,无需复杂的JavaScript动画库。- 在旧状态和新状态之间创建CSS动画。理解视图过渡API的工作原理和核心概念。学会使用命名视图过渡创建复杂动画。了解多页面视图过渡的应用。
2025-12-13 19:22:53
404
原创 09.可定制选择(Customizable Select)
属性和新的伪元素,我们可以完全自定义select的外观,包括下拉菜单、选项内容和交互状态,同时保持原生的无障碍访问性和键盘导航功能。可定制选择允许对HTML select元素进行完全的样式定制,支持富内容、动画效果和完整的设计自由度,同时保持无障碍访问性。可定制选择是CSS中一个革命性的特性,它解决了传统HTML select元素样式限制的问题。理解可定制选择的基本概念和工作原理。学会保持无障碍访问性的最佳实践。了解如何创建富内容的选择选项。学会使用新的伪元素和选择器。掌握动画和交互效果的实现。
2025-12-13 19:22:53
118
原创 到2026年将不复存在的前端趋势
那些被包装成“银弹”的架构,如今更像“反面教材”。全栈AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击二维码了解更多详情。回到 2016 年,搭 React 像在拼宜家却没有说明书:你要自己找螺丝、自己拧、自己猜顺序。尽管如此,Redux 不是完全没用——在那种超大企业应用里,合规规则一堆、团队人数一堆、流程像大象一样移动,Redux 依然说得通。不少公司在上了复杂架构之后,转化率据称直接掉了 **20% 到 40%**。
2025-12-13 09:26:38
594
原创 别再“AI疲劳”了:GPT-5.2 这次可能真会把你甩在身后
另外,Windsurf、Warp、JetBrains、Augment Code、Cognition 等公司也确认:GPT-5.2 在 agentic coding 上达到了 SOTA 水平,并在交互式编码、代码审查、找 bug 等方面有可量化改进。与此同时,这会直接支撑金融、运营、工程、设计、客服等“视觉信息占核心”的工作流。而在难度更高、更加隔离“流体推理”的 ARC-AGI-2 上,GPT-5.2 Thinking 达到 52.9%,成为 chain-of-thought 模型的新 SOTA。
2025-12-12 11:45:00
587
ZigBee和重力传感器
2013-01-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅