前端&AI技术双周刊-2025.03.14

前端技术

• Announcing TypeScript 5.8
  本文宣布TypeScript 5.8发布。介绍了自测试版和候选发布版后的新特性，如对返回表达式中的分支进行更精细检查；在–module nodenext标志下支持require() ECMAScript模块，新增稳定的–module node18标志；新增–erasableSyntaxOnly、–libReplacement标志；保留声明文件中计算属性名称。还提及程序加载和更新的优化，以及lib.d.ts、导入断言限制等方面的行为变化。

• 你知道有哪些不常用，但非常有用的css属性吗?
  文章介绍10个不常用却实用的CSS属性，它们能解决特定场景下的复杂问题，甚至替代部分 JavaScript 功能。还给出了兼容性策略建议。

• JavaScript best practice: use return await
  文章探讨JavaScript中“return await”的最佳实践。常见模式是调用异步函数并返回其结果，看似“await”可省略。但添加“try..catch”块后，有无“await”情况不同。有“await”时，函数执行暂停，异常能被捕获；无“await”时，函数提前结束，异常未被处理。这种情况不仅在“try..catch”存在，“try..finally”块用于清理时也如此，如创建临时目录并在函数结束后删除的场景，“await”能确保清理操作在函数完成后执行。

• 你的骨架屏用对了吗?
  文章深入探讨骨架屏相关内容。先回顾其诞生背景，指出其优势在于及时反馈和连贯性。接着通过案例揭示当前骨架屏使用存在的问题，如受工具限制、效果不佳等。随后阐述好的骨架屏应具备更细粒度变化、彩色、动效等特点，其终极目标是“消失”。还讨论了骨架屏与量化指标，强调其属于体验优化，使用时应结合实际需求制定指标。总之，做好骨架屏要以提升用户体验为核心，掌握原则可让其有多样形式并与其他优化结合。

AI资讯

• OpenAI深夜大招暴打Manus！智能体全家桶杀器一统API，4行代码轻松上手
  OpenAI推出全新API和工具助力智能体开发。新Responses API结合Chat Completions API简单性与Assistants API工具使用功能；内置网络、文件搜索及计算机使用三大工具，各有优势与新特性；开源Agents SDK简化多智能体工作流管理。新工具简化了智能体开发流程，降低开发难度，提升开发效率，让ChatGPT和开发者工具升级，推动智能体应用迈向新高度。

• Manus – Monica.im 推出的全球首款通用型 AI Agent
  3月6日凌晨，所有人都被一个名为Manus的产品刷屏了。据其团队介绍，Manus是一个真正自主的AI代理，能够解决各类复杂多变的任务。与传统AI助手不同，Manus不仅能提供建议或答案，还能直接交付完整的任务成果。今年晚些时候，官方将计划开源其中的一些模型，特别是 Manus的推理部分。根据官方网站信息，在GAIA基准测试中，Manus在所有三个难度级别上都取得了新的最先进 (SOTA) 表现。官网地址：https://manus.im/

• Trae 国内版发布
  Trae作为国内首个AI IDE，能深度适配中文开发场景，配置 Doubao-1.5-pro，并支持切换满血版 DeepSeek R1、V3 模型。它将AI高度集成在IDE环境里，与普通AI插件相比，能为开发者带来更流畅、准确和优质的开发体验。

• Introducing NextGenAI: A consortium to advance research and education with AI
  OpenAI 发起NextGenAI联盟，携手15家顶尖研究机构利用AI推动研究突破与教育变革。OpenAI投入5000万美元资金及工具，联盟汇聚美国内外多所高校及机构。各成员积极运用AI应对重大挑战，如俄亥俄州立大学推动多领域发展，哈佛与波士顿儿童医院助力医疗进步。同时，联盟助力培养AI人才，探索AI在高校与图书馆应用，加强产学研合作，推动AI惠及全球多领域。

• 谷歌宣布推出AI Protection功能
  谷歌宣布推出AI Protection功能，该功能旨在保护跨云和跨模型的人工智能工作负载和数据。AI Protection将通过以下三种方式帮助团队全面管理AI风险：1.发现AI库存并评估其潜在漏洞；2.通过控制、策略和护栏保护AI资产；3.通过检测、调查和响应能力管理针对人工智能系统的威胁。

• 通义App全新升级
  3月10日通义App升级，上线超级智能体并融入通义千问QwQ - 32B能力。以超级智能体为交互中枢重塑交互，能理解图片、生成图片等。界面定位更清晰，左右滑有不同功能。上线“Qwen-QwQ-32B”智能体，可深度分析复杂问题。未来将持续引入新模型能力。此外，专业能力升级，增加思维导图生成功能。

• QQ浏览器推出AI问答功能“元宝快答”
  3月7日，QQ浏览器推出AI问答功能“元宝快答”。它基于腾讯混元“快思考”模型Turbo S及搜索增强技术，能快速检索全网实时信息并提炼重点。在手机或电脑端提问，无论简单或复杂问题，都能瞬间获得精炼回答。用户若想深入了解，可查看引用原文或进行AI追问。该功能体现了QQ浏览器对用户体验的优化和在AI技术应用上的创新，为用户带来高效便捷的搜索方案。

扩展阅读

• 尤雨溪在2025年Vue.js nation大会上的分享内容
  文章分享尤雨溪在2025年Vue.js nation大会内容。Vue 3.6有诸多革新，响应式系统引入“alien signals”，性能大幅提升，内存占用降低；全新编译策略“Vapor mode”采用混合编译，性能比肩顶尖框架。还改进组件类型推断，推出新打包工具“rolldown”。此外，设立“社区代码高速公路”计划促进社区共建。这些变革让Vue实现多方面优化，重新定义前端框架性能基准，进入“性能优先”新纪元。

• A CSS-Only Star Rating Component and More!
  文章主要介绍了仅用CSS创建星级评分组件及更多相关内容。先阐述给原生输入元素（如input）添加样式的难点，随后详细讲解星级评分组件的CSS实现步骤，包括设置主元素大小、用遮罩创建星星形状，以及通过调整拇指元素样式实现选中效果等，还涉及半星评分、键盘调整评分等功能。此外，展示了多种利用相同代码结构创建的组件示例，如心形、蝴蝶形状组件及音量控制组件等，仅用少量CSS代码就能升级原生组件。

• Our Favorite DevTools Features of 2025
  文章介绍2025年Chrome DevTools的8个实用新特性。包括可从大型DOM树中查找性能瓶颈；通过过滤第三方脚本专注自身代码；在不改变浏览器设置下测试无第三方Cookie时网站的运行情况；利用校准CPU节流模拟真实设备；借助人工智能分析性能记录；检测导致页面变慢的布局抖动；在性能记录中添加自定义跟踪；借助可视化指示器轻松发现可滚动区域。这些特性有助于开发者调试和优化网页应用，提升开发效率。

• Node just added TypeScript support. What does that mean for Deno?
  文章对比了Node和Deno对TypeScript的支持情况。Node.js在22.6版本引入内置TypeScript支持，23.6版本稳定，可直接执行TypeScript文件，但存在无内置类型检查、不支持JSX或TSX、需手动管理tsconfig.json等局限。Deno则提供集成式TypeScript工具链，具备多种优势，如零配置开发、可在CI中便捷进行类型检查、在REPL和Jupyter Notebook中直接运行TypeScript等，且在工具链各环节广泛支持TypeScript。