前端&AI技术双周刊-2025.02.14

前端技术

• Optimizing The Critical Rendering Path
  本文围绕优化关键渲染路径展开。首先介绍关键渲染路径概念，即浏览器开始渲染页面需经历的步骤，关键资源会阻止页面内容渲染，包含 HTML、CSS、JavaScript 等。接着阐述其重要性，因影响用户体验与搜索引擎排名。然后讲解识别关键资源的工具，探讨字体、图像是否为关键资源，以及关键 CSS 的定义和提取内联方式。还说明了 DOM 和 CSSOM 在关键渲染路径中的作用，并从复用服务器连接、减少服务器响应时间等方面给出优化建议，针对单页面应用也提供了优化方向 。

• Emittery 1.1: A Simple, Modern Async Event Emitter
  Emittery 1.1 是用于 Node 和浏览器的小型异步事件 Emitter，现支持 AbortController ，可在 Node.js 和浏览器（借助 bundler）中工作。异步发送事件对生产代码很重要，JavaScript 单线程特性使同步操作时其他代码无法运行，在 Node.js 中会阻塞其他请求，削弱平台可扩展性，在浏览器中可能导致卡顿并阻碍用户交互 。

• Node 23.7 发布
  Nodejs v23.70 将根证书更新为 NSS 3.107，fs 允许 Globs 中排除选项接受 Glob 模式，module 新增了错误类型，sqlite 支持新数据类型。

AI 资讯

• 谷歌AlphaGeometry2攻克IMO几何难题，已超越金牌得主平均水准
  在 OpenAI 与 DeepSeek 卷得不可开交的时候，谷歌 DeepMind 的数学推理模型又偷偷惊艳了所有人。本文介绍了谷歌 DeepMind 的数学推理模型 AlphaGeometry 2，其在解决奥林匹克几何问题上超越金牌得主平均水准。研究背景是奥数几何题适合基础推理研究，此前 AG1 有性能局限，AG2 通过利用更强语言模型、引入新符号引擎、扩展领域语言、开发新搜索算法等升级，解题率提升到 84%，核心提升体现在多方面协同。竞赛中 AG2 解决 42 道题超越金牌得主平均水平，实现 SOTA，还进行消融实验探索推理设置对性能的影响 。论文地址：https://arxiv.org/abs/2502.03544

• Anthropic CEO 专访
  在 deepseek 出圈大火的环境下，我们也不能忘记这是个百花齐放的 AI 时代，许久没出现的 Anthropic CEO Dario Amodei 近期接受了华尔街日报的采访，对于 Claude 2025 年的功能规划、Agnet 和 o1 等思考模型，聊了很多，在他看来，思考模型和普通模型可能本来就不应该是分开的。新功能规划：很快推网络访问（优先消费者高级用户）、记忆功能；语音模式最终会实现；暂不优先考虑照片生成，可能合作实现；模型观点：即将发布优秀模型，更广泛应用强化学习，认为推理是涌现特性，非独立方法。对人类影响：短期内，人类利用比较优势与 AI 互补；长远看，AI 或全面超越人类，需重新思考经济组织和价值分配。人才与合作：靠人才密度和价值观吸引人才；与科技巨头合作获计算资源，保持独立性并推动行业进步。给学生建议：学习 AI 技术，培养批判性思维。文中提到的一些新功能规划相信很快会到来。

• DeepSeek 创新三重门
  本文以从业者视角深入剖析了 DeepSeek 的创新模式，提出创新三重门观点，小天才的规模化：其论文呈现诸多原创研究，众多关键组件被重新设计。很多创新出自有国际竞赛背景的年轻人。小天才式创新即给定约束找最优解，DeepSeek 在多个算法模块有体现，且这种模式实现了规模化。华为式的军团平推：从底层硬件到上层算法，DeepSeek 以优雅顶层设计协同推进创新。如在模型迭代中，各方面同步优化。这种打破边界、高度协同的创新模式，是中国擅长且有别于硅谷文化的。原创（哲学式）思想：AI 创新源头有哲学性思想，DeepSeek 虽未完全展现原创哲学性创新，但从其研究过程能看出无边界的探索热情 。

• 一文读懂｜DeepSeek新模型大揭秘，为何它能震动全球AI圈
  本文围绕 DeepSeek 新模型 DeepSeek-R1 展开，深入剖析其技术突破与意义，主要包括四个方面。震动原因：延续高性价比优势，仅用十分之一成本达到 GPT-o1 级别表现，且是开源模型，在技术上有大幅提升。训练创新：训练中实验三种技术路径并成功。其中直接强化学习路径是首个证明有效的，抛开预设思维链模板和监督式微调，靠简单奖惩信号优化行为，带来训练效率提升、资源消耗降低等优势。推理能力：模型有类似人类顿悟行为，响应长度自适应，有迁移学习能力。改进版 R1 解决了可读性问题，性能与 OpenAI o1 相当甚至某些方面更优。深远意义：打开 AI 进化新路径，避免奖励欺骗，或改变对机器学习的认识，提示真正的通用人工智能可能有不同认知方式 。DeepSeek-R1 论文地址：https://arxiv.org/pdf/2501.12948

• 清华「DeepSeek从入门到精通」正式发布！104页超全解析
  最近全网大火的报告，由清华新闻学院、人工智能学院：从入门到精通》1.0版发布！助你快速上手、精通运用，一起探索AI新视界。这份长达104页的报告详细阐述了DeepSeek的核心功能与应用场景，强调其在文本创作、自然语言理解、编程辅助等方面的优势，同时对比了推理模型与通用模型的性能特点，为用户提供了精准选择模型的依据。报告还深入探讨了如何通过精心设计的提示语策略，充分发挥DeepSeek的推理与生成能力，包括任务分解、逻辑链构建、多模态信息处理等高级技巧。

• GitHub Copilot 推出视觉功能
  GitHub 宣布了其 AI 编程助手 Copilot 的一系列重大更新，并展示了 Copilot 未来更具自主性的愿景。此次更新中最引人注目的功能之一是 Copilot 的“Vision”功能。该功能允许用户在聊天中上传截图、照片或图表，Copilot 将基于这些图像生成相应的界面、代码以及替代文本（alt text），从而将用户的视觉想法转化为实际的编程成果。

扩展阅读

• vivo新春AI功能，让过年更具年味和创意
  vivo 手机发布了一个”新春 AI 功能”，将普通照片变成新春照片，带来独特拍摄体验，室内拍人可美化背景为年味场景，室外拍建筑能生成虚拟烟花。其基于AI 图像处理积累，结合机器学习等，利用 GAN 和海量数据、复杂算法实现背景合成。用户打开相机选特效即可拍摄，推动手机摄影普及。该功能反映AI在日常应用趋势，虽扩展大众创意但要关注隐私安全。其为传统节日注入活力，体现科技与生活紧密结合，简单AI工具助力个人创作和自媒体创业。

• How to Favicon in 2025, Three files that fit most needs
  本文围绕如何为现代浏览器创建一套实用的 favicon 展开探讨，核心观点是无需大量图标文件，仅需特定的五个图标和一个 JSON 文件就能满足多数需求。1、极简方案，展示了满足浏览器和 PWA 应用需求所需添加的 HTML 标签，以及 web app manifest 文件示例。2、详细解释，回顾 favicon 概念的发展，指出为不同屏幕和设备生成图标任务艰巨，因此作者决定创建一个简约的 favicon 列表，满足所有情况和浏览器。还介绍了不同类型图标（ICO、SVG、PNG 等）的作用、格式要求和使用场景。3、构建步骤，作者提供了六个快速步骤来构建简约的 favicon 集，包括准备 SVG、创建 ICO 和 PNG 图像、优化文件、添加图标到 HTML 以及创建 web manifest 等。

• Which Rich Text Editor Framework Should You Choose in 2025?
  本文旨在帮助开发者在 2025 年选择合适的富文本编辑器框架。首先指出编辑器分核心和内置功能两类，推荐了较为全面的 Tiptap。接着详细对比 Tiptap、BlockNote、Lexical 等多种编辑器框架，介绍各框架特点、优势与不足，如 Tiptap 易扩展但性能可能受限，Lexical 受 Facebook 支持但需时间成熟；还提及实时协作能力、服务器端编辑可行性及相关集成情况；最后通过对比表格展示各编辑器在扩展来源、框架支持、协作方式等方面的差异，为开发者提供参考。

• How to Publish ESM-Based npm Packages with TypeScript
  本文围绕使用 TypeScript 发布基于 ESMs 的 npm 包展开。首先介绍包的文件系统布局，如包含 README.md 、LICENSE 等文件。接着讲述单元测试的放置位置及自引用技巧。重点阐述 tsconfig.json 的关键设置及输出文件用途，还提及用其他工具编译 TypeScript 的相关设置。在 package.json 方面，讲解如何设置以使用.js 扩展名表示 ESMs 模块，明确上传到 npm 注册表的文件。同时说明了包导出、导入、脚本的配置，以及开发依赖的选择，最后介绍了用于 linting npm 包、模块、TypeScript 类型的工具和 CommonJS 相关工具 。