近一天浏览数排行。
近三天浏览数排行。
从文章库里持续更新，保留摘要和分类，方便判断是否值得点开。
本文聚焦前端两个新DOM API：setHTML()和Element.startViewTransition。setHTML()方法在设置HTML字符串时自动执行XSS过滤，移除、等高风险元素及事件属性如onload，相比setHTMLUnsafe()更安全。通过可选参数Sanitizer，开发者可自定义过滤规则，如允许或移除特定元素和属性，以平衡安全与功能需求，代码示例展示了配置Sanitizer保留标签同时过滤脚本的用法。Element.startViewTransition API将动画能力从页面级扩展到元素级，允许在DOM状态变化时自动触发平滑过渡效果，例如删除元素时的动画，无需额外CSS设置，且支持伪元素进行样式调整。文章通过demo验证效果，但指出当前兼容性仅限Chrome浏览器，短期生产应用受限。内容结合实践演示和兼容性说明，为前端开发者提供新特性的实用指南。
CSS新属性border-shape为前端开发带来强大功能。它基于shape()函数和corner-shape属性，允许为整个元素形状设置边框、阴影等装饰，解决了clip-path裁剪装饰的局限。border-shape接受与clip-path相同的形状值，但使装饰跟随形状路径，实现边框形状、切割形状、突破装饰等效果。文章通过CodePen示例展示了如何创建仅边框形状、复杂装饰和动画，如揭示效果和弹跳动画。目前浏览器支持限于Chrome，但属性易于使用，可直接替换clip-path。shape()函数增强了border-shape的能力，支持SVG语法创建复杂形状。总结来说，border-shape简化了CSS形状设计，开启了新可能性，适合前端开发者探索现代CSS布局技术。
Kirki 是一款面向 WordPress 的无代码视觉构建器，以无限画布为核心设计哲学，允许用户自由拖放元素实现像素级布局控制，突破传统页面构建器的刚性结构限制。它通过级联系统自动处理响应式设计，支持桌面、平板及移动端视图的同时并行编辑，显著提升设计效率。性能方面，对比测试显示 Kirki 生成更简洁的 DOM 结构和代码输出，减少不必要的包装器与脚本，从而优化加载速度和 Core Web Vitals 指标。功能上集成动态内容管理、类基础可重用样式、全局 CSS 变量以及可视化交互与动画构建工具，无需依赖 ACF 等第三方插件。此外，Kirki 支持从 Figma 直接导入设计稿，实现响应式自适应，并提供多用户实时协作与评论功能，方便团队协作。内置质量检查工具可扫描无障碍性与 SEO 问题，确保站点质量。价格策略透明，提供功能完备的免费版和性价比高的付费计划，目标是为设计师、开发者和业务用户提供高效、灵活且高性能的网站构建解决方案。
本文系统性地介绍了使网站对AI智能体更具可访问性的具体技术方案。核心目标是通过提供清晰、结构化的文本内容，帮助大型语言模型（LLM）更好地理解网站，从而提升在AI驱动的信息获取场景中的可见性与被引用率。文章提出并详述了六项由易到难的实施步骤：首先审计并配置robots.txt以允许AI爬虫，并引入Content-Signal声明；其次，在网站根目录创建/llms.txt作为AI优化的精选站点地图；接着，为关键页面提供对应的.md（Markdown）纯文本版本；然后，通过HTML的标签和HTTP Link响应头来发现这些Markdown版本；进而，在服务器端实现基于Accept: text/markdown头的响应式内容协商，这是技术核心；此外，可在页面中添加视觉隐藏的提示信息直接指向Markdown资源。文章还明确指出了如meta ai-content-url、Schema.org等常见但无效的“AI优化”误区，并引用研究数据强调了丰富内容质量（如包含引用和统计数据）的根本重要性。最后，提供了验证工具和完整的实施清单，强调了当前阶段在该领域布局的先发优势。
作者通过dyld的__interpose机制拦截malloc等内存分配函数，编译动态库挂载到应用，当环境变量FAIL_NOW触发时，对≥100MB分配请求返回错误，结合mock server重现崩溃栈，精准定位问题。过程中AI工具Fable 5在五分钟内轻松解决难题，令作者震惊。作者回忆编程历史故事，如比尔·盖茨改造QDOS、求伯君用汇编写WPS、Linus Torvalds开发Linux，这些曾赋予编程魔法魅力。但AI介入后，编程乐趣发生变化，作者反思技术进步对编程体验的影响，探讨在AI时代如何保持创造性与挑战性，强调开发者需适应工具演进并持续学习。
代码坏味道是软件工程中的概念，指代码表面问题暗示深层缺陷，源于Kent Beck和Martin Fowler在1990年代的讨论。Fowler的《重构》一书列出22种坏味道，并配以重构手法。随着软件复杂度提升，坏味道分类扩展到8大类50+种，涵盖架构、耦合、内聚、设计、代码、测试、命名和复杂度等领域。在AI时代，代码生成加速导致坏味道产量增加，自动化检测变得关键。AI技能“/smell”能自动扫描代码库，识别坏味道并生成结构化报告。其工作流程包括确定扫描范围、并行使用启发式规则取证、生成带优先级的Markdown报告并落盘。实战中，扫描Go语言开源项目Gitlawb/zero，发现测试覆盖率良好但存在上帝对象（如4657行文件）和长文件问题，并提供重构路线图，如立即拆分超大对象、短期审查超长文件、长期优化复杂度。这体现了从直觉到自动化的发展，将主观焦虑转化为可执行清单，助力开发者提升代码质量。
在现代Web应用中，服务器端渲染（SSR）对性能和搜索引擎优化至关重要。本文记录了将Landing页面从Next.js迁移至React Router v8，并利用Cloudflare Workers实现边缘SSR的实践过程。迁移源于Next.js在自定义SSR策略上的限制，以及希望借助Cloudflare的全球边缘网络优化渲染效率。作者首先分析了React Router v8的服务器端渲染能力，重新设计了路由架构以确保前端代码兼容性。随后，配置Cloudflare Workers处理请求，基于路由进行边缘渲染，并实施缓存策略减少重复计算。关键步骤包括设置React Router服务器端入口、编写Worker脚本拦截响应、集成Edge Cache存储渲染结果。迁移中遇到浏览器兼容性和状态管理问题，通过引入React Server Components（RSC）和调整数据获取逻辑解决。最终，应用首屏加载时间显著缩短，服务器负载降低，用户体验提升。文章还分享了性能测试数据和优化建议，为类似项目提供实用参考。