前端&AI技术双周刊-2024.12.05

前端技术

• Vite 6.0 正式发布
  在保留快速构建体验的基础上，Vite 6 引入了实验性的环境 API、改进的模块解析逻辑以及更强大的 CSS 和 JSON 处理功能

• setproperty-vs-setattribute
  本文深入比较了JavaScript中设置DOM元素属性的两种方法——setProperty和setAttribute。文章从方法对比、属性类型差异、布尔属性处理、值类型差异、性能考虑、最佳实践以及新观点等多个方面进行了详细阐述。通过本文，读者可以更加全面地了解这两种方法的异同点，并在实际开发中做出更明智的选择

• TypeScript 5.7 发布
  TypeScript 5.7 版本带来了多项新特性和改进，包括检查从未初始化的变量、改进导入 TypeScript 文件的方式、支持新的 ECMAScript 目标版本、搜索祖先配置文件以确定项目所有权、编辑器中复合项目的更快项目所有权检查、在 –module nodenext 下验证JSON导入以及支持 Node.js 中的 V8 编译缓存等。这些更新使得 TypeScript 更加强大和灵活，为开发者提供了更好的编程体验

• New CSS that can actually be used in 2024
  2024 年可以真正用起来的新 CSS 功能 - 在过去的两到四年里，CSS 的新奇事物数量惊人。已经发布了多项创新，现在所有现代浏览器都支持这些创新，其中一些从根本上改变了制作网站的方式。本文是作者希望在 2024 年开始使用的 CSS 新功能的小抄。请注意，为了支持较旧的浏览器，有时必须使用 polyfill

• Importing a frontend Javascript library without a build system
  本文详细介绍了在不使用构建系统的情况下，如何在前端项目中导入JavaScript库。通过了解库文件的三种类型（全局变量类型、ES Modules、CommonJS）及其导入方法，以及如何通过NPM和CDN确定库提供的文件类型，读者可以灵活地在项目中引入所需的JavaScript库。同时，文章还通过具体案例展示了不同类型文件的导入过程，为开发者提供了实用的指导和参考。

AI 资讯

• Codeium 推出 AI 编程工具 Windsurf
  AI 编程爆火新品 Windsurf 诞生了，首创 copilots 和 agents 结合新范式，能够深度理解代码库，实时感知程序员的操作；Windsurf 作为一款免费 AI 代码编辑器，不仅提供了基于 VS Code 的改进性能和 UI，还引入了创新的 AI 功能如 Cascade Flow 系统，以及严格的隐私保护措施。它允许无缝集成 VS Code 插件，同时保持了高效性能和用户体验

• 360 发布纳米搜索，一站式完成搜学写创
  纳米搜索以搜索为起点，构建了以“搜学写创”为核心能力的完整工作流，不仅颠覆了传统网页搜索模式，还超越了以Perplexity AI和360AI搜索为代表的答案引擎，被行业解读为搜索引擎3.0，也即“创作引擎”。

• 国产大模型首发中文逻辑推理-天工大模型4.0 o1版
  天工大模型4.0 o1 版是国内首款具备中文逻辑推理能力的大模型。文章详细阐述了天工大模型4.0 o1版的技术特点和应用前景，包括其强大的中文逻辑推理能力、完整的思考与规划链路、自我反思与验证能力等。通过实际测试，该模型在各种类型的推理问题上都表现出色，无论是简单的数学推理、常识推理，还是复杂的悖论、道德困境等问题，都能给出准确、有深度的回答。此外，文章还介绍了昆仑万维在AI大模型领域的持续投入和技术积累，展现了其在生成式AI领域的领先地位。

扩展阅读

• 从VS Code看优秀插件系统的设计思路
  在目前流行的框架中，通常都会采用插件来定制、扩展系统的能力。其实插件系统在软件架构中有一个更专业的术语

• 纯 CSS 实现苹果 AI 彩色围绕动画效果
  假如你想用纯 CSS 实现苹果 AI 的这种彩色围绕动画效果，可以看看 Codepen 上这个实现效果

• 2024 HTML 现状调查结果
  2024 HTML 现状调查结果已公布，总体上互操作性有了明显的改善，并且随着 HTML 的功能越来越多，构建高性能、可访问和交互式的 HTML 优先的用户界面也变得越来越容易，这使得减少 JavaScript 的使用成为可能。