近一天浏览数排行。
近三天浏览数排行。
从文章库里持续更新，保留摘要和分类，方便判断是否值得点开。
本文详细解析了CSS新增的动态视口单位（如dvh、svh、lvh）和容器查询单位（如cqw、cqh、cqi）。动态视口单位针对移动端浏览器工具栏变化问题：dvh动态调整高度，解决iOS Safari中vh布局失效；svh和lvh代表工具栏完全展开和收起的固定高度，适用于底部菜单或背景大图。容器查询单位基于容器尺寸自适应，cqw和cqh分别对应容器宽度和高度的1%，cqi和cqb根据书写模式自动切换轴向，支持多语言排版。文章通过表格对比了各单位的行为和最佳场景，如dvh用于全屏应用，cqw用于弹性布局。还提及了逻辑单位vi、vb的有限实用性，并提供了浏览器兼容性数据。最后讨论了AI对前端学习的影响，指出传统分享机制因效率问题停滞，引发对技术学习模式的思考。
文章挑战了“永远不要阻塞主线程”这一Web开发金科玉律，指出在特定场景下将数据移至后台工作线程（Worker）的开销可能比直接在主线程处理更大。作者以开发截图扩展Fastary为例，发现即使使用Offscreen Document进行后台处理，截图任务仍存在2-3秒延迟。根本原因在于不同隔离上下文（如主线程、Web Worker、Service Worker）间的通信依赖结构化克隆算法（SCA），这是一个同步、阻塞的O(n)操作，对于大型数据（如高分辨率图片的Base64字符串）会产生显著序列化与反序列化开销。文章分析了传输对象（Transferable Objects）虽能绕过SCA实现近乎零拷贝，但存在所有权转移、数据类型限制及API约束等缺点。作者还遇到了高DPI屏幕带来的坐标计算问题，因Offscreen Document默认DPR为1导致裁剪错位。最终，作者摒弃了复杂的多上下文通信架构，改为在活动标签页的主线程中直接完成图像裁剪，利用了用户显式触发操作对响应速度的即时性要求，以及裁剪本身计算量相对较轻的特点，成功消除了延迟瓶颈。核心论点是性能优化应具体分析任务的“处理成本”与“移动成本”，而非绝对遵守教条。
pointer-events是CSS属性，用于控制元素是否响应指针事件如点击和悬停。当设置为none时，元素不会成为事件目标，浏览器会继续寻找下方元素，实现事件穿透。该属性语法包括auto和none等值，对HTML和SVG元素均适用，SVG额外提供visiblePainted、visibleFill等精细控制值，根据图形可见性和绘制状态管理交互区域。pointer-events具有继承性，父元素设为none会影响子元素，但子元素可重新设为auto恢复交互。重要的是，它仅影响事件目标选择，事件捕获和冒泡过程不受影响，因此父元素仍能通过事件监听响应子元素交互。文章通过示例展示常见应用，如模态框覆盖层设为none以允许点击背景元素，以及导航菜单隐藏子菜单避免误触。同时澄清pointer-events不阻止键盘焦点和文本选择，需结合disabled和user-select属性实现完全禁用。教程全面覆盖基础到进阶用法，帮助开发者有效管理页面交互逻辑。
本文探讨了多项前沿CSS技术与特性。边界感知CSS利用view()函数，实现基于元素边界的动态效果，提升设计灵活性。网格车道布局（原masonry布局）的可访问性问题被提出，建议通过reading-flow属性改善屏幕阅读器兼容性。时间基础CSS结合Temporal API和color-mix()函数，使网站外观能随昼夜自动变化，类似动态壁纸。全出血CSS修复借助容器查询单位，解决元素嵌套时的全宽显示与溢出问题。此外，CSS工作组讨论规范优化，如将border-radius重命名为corner-radius，以统一术语。自定义元素通过尺寸调整改善用户体验。文章还概述了35个新兴Web平台特性，包括light-dark()颜色模式、容器查询逗号分隔支持、background-clip: border-area等，但多数在Safari和Firefox中支持有限。这些内容展示了CSS的持续演进与社区创新。
美团正式开源了万亿参数大模型LongCat-2.0。该模型总参数1.6T，平均激活约48B，专为Agentic Coding任务设计。其核心技术突破在于通过模型架构、芯片适配与部署策略的深度协同优化，实现了在显存与带宽受限的国产算力集群上的高效稳定推理。模型层面创新性地引入LongCat稀疏注意力（LSA）和N-gram Embedding，分别提升了长上下文处理效率与Token级表示能力。在芯片适配上，通过Super Kernel、Weight Prefetch及基于高速互联的KV-cache传输等技术最大化硬件利用率。部署策略则采用PD分离，通过缩小Expert-Parallel域、序列并行、KV-cache切分及异步负载均衡等方法，兼顾首Token延迟与生成速度，并支持多种推理优化特性。此次开源同步提供BF16、FP8、INT8等多精度模型权重及针对国产NPU优化的推理代码，旨在为行业提供一条可复现的技术路径，盘活存量国产算力，推动其在真实场景中的应用。
技术培训中，开发者常因被动抄写PPT笔记导致学习效率低下，知识留存率低。本文提出一套高效“听完”PPT的三步方法论：第一步，课程开始时先专注听讲五分钟，建立整体知识框架，避免遗漏早期大纲；第二步，笔记仅记录三类核心内容，包括每页的一句话总结、关键命令或代码片段、以及个人疑问，摒弃冗余信息；第三步，课后立即花十分钟复述所学内容，用个人语言转化知识，针对模糊点回顾PPT强化理解。该方法强调从被动接收转向主动加工，通过提炼和复述将外部知识内化为认知。对于频繁参与技术培训的开发者，此策略能显著提升学习效率和知识应用能力，避免笔记流于形式。核心在于理解优先于记录，复述促进长期记忆，使培训参与更具价值。
CLIProxyAPI是一个本地代理工具，能将Codex等基于OAuth的CLI工具封装为OpenAI兼容的HTTP API服务。本文记录了在macOS（Apple Silicon）上通过Homebrew安装CLIProxyAPI的完整过程，包括安装命令、关键路径（如可执行文件/opt/homebrew/bin/cliproxyapi、配置文件/opt/homebrew/etc/cliproxyapi.conf和认证目录~/.cli-proxy-api）。核心步骤是登录Codex OAuth，运行cliproxyapi -codex-login完成授权，将token存储到本地；然后配置API密钥以保护服务端口，并启动服务。验证阶段通过curl请求列出模型和发送对话，确保服务正常响应。文章特别指出系统代理（如Surge）会拦截本地请求，通过添加IP-CIDR直连规则（如IP-CIDR,127.0.0.0/8,DIRECT,no-resolve）解决。最后展示了如何接入客户端，例如设置环境变量OPENAI_BASE_URL或使用Python SDK。整套流程简洁，但需注意代理配置以确保服务可达。