diff --git a/docs/2024-9-20.md b/docs/2024-9-20.md new file mode 100644 index 0000000..6251c13 --- /dev/null +++ b/docs/2024-9-20.md @@ -0,0 +1,43 @@ +# 前端&AI技术双周刊-2024.09.20 +![前端&AI技术双周刊-2024.09.20](https://gips0.baidu.com/it/u=3453253283,3618009981&fm=3028&app=3028&f=JPEG&fmt=auto&q=86&size=f900_383) + +## 前端技术 +- [Multithreading in Node.js: Using Atomics for Safe Shared Memory Operations](https://pavel-romanov.com/multithreading-in-nodejs-using-atomics-for-safe-shared-memory-operations) +
Worker threads 使你能够编写多线程 Node 应用程序,但向多个线程添加共享资源时,情况会麻烦一些。Atomics 可以帮助你避免一些麻烦。 + +- [The web's clipboard, and how it stores data of different types](https://alexharri.com/blog/clipboard) +
本文介绍了 Web 上剪贴板的工作原理,以及 clipboard API 是如何存储图像、富文本内容、文件和其他不同类型数据的。 + +- [Brand New Performance Features in Chrome DevTools](https://www.debugbear.com/blog/fix-web-performance-devtools) +
Chrome DevTools 中全新的性能面板 - 深入了解 Chrome 浏览器更新的性能面板及其显示的所有不同指标,帮助你提高网站的性能。 + +- [Scroll-Enhanced Experiences](https://www.youtube.com/watch?v=YGxOh85VtFg) +
长达 52 分钟的 CSS "滚动叙事 "艺术之旅,利用用户的滚动行为创建动态体验。学习如何使用CSS Scroll Timeline API 控制故事的节奏和韵律,从而创造出随着鼠标滚轮每一次滚动而展开的引人入胜的叙事。 + +- [CSS display contents](https://ishadeed.com/article/display-contents/) +
本文介绍了如何使用 display: contents 来构建更流畅的布局。 文中包含大量代码示例和用例,有助于理解。 + +- [TypeScript 5.6 发布](https://devblogs.microsoft.com/typescript/announcing-typescript-5-6/) +
TypeScript 5.6 发布,带来了很多实用功能,包括更完善的空值与真值检查、迭代器帮助方法、支持任意模块标识符、编辑器中的区域优先诊断等等。 + +## AI 资讯 +- [OpenAI 发布 o1 大模型,强化学习突破 LLM 推理极限](https://openai.com/index/introducing-openai-o1-preview/) +
北京时间 9 月 13 日午夜,OpenAI 正式公开一系列全新 AI 大模型 OpenAI o1,旨在专门解决难题。新模型可以实现复杂推理,一个通用模型解决比此前的科学、代码和数学模型能做到的更难的问题,实现重大突破。其特点是,o1 在回答之前会思考 —— 它可以在响应用户之前产生一个很长的内部思维链。 + +- [LangChain 团队推出一门 LangGraph 入门课程](https://academy.langchain.com/courses/intro-to-langgraph) +
在本课程中,你将学到如何:1. 使用 LangGraph 的基于图表的工作流构建智能体;2. 利用记忆和人类反馈机制,构建更加智能且具备自我修正功能的智能体;3. 创建一个自己专属的 AI 助理,处理知识任务。课程可免费学习,一共 40 节课,3.5 小时视频内容。 + +- [Runway 推出 Gen-3 Alpha 视频转视频功能,一键转换任何风格](https://app.runwayml.com/) +
该功能能够将一段视频画面风格转换成任意风格,画面稳定,甚至可以给画面增加特效。目前仅针对付费会员开放使用。在线体验地址:https://app.runwayml.com/ + +- [字节发布音乐大模型 Seed-Music,支持一键生成高质量歌曲、片段编辑](https://team.doubao.com/seed-music) +
Seed-Music 是一个具有灵活控制能力的音乐生成系统,除了支持歌词生成歌曲、歌词到乐谱再到歌曲以及歌曲编辑等多功能外。还有额外两个亮点:1. 支持克隆原歌曲音色并生成新歌曲;2. 支持细粒度的风格控制,能保持旋律不变,仅修改歌词。 + + +## 拓展阅读 +- [svg.wtf](https://svg.wtf/) +
学习如何编写 SVG 代码的游乐场 - 包括一些有用的代码相关功能,如悬停查看属性的文档等。 + +- [The Ultimate Guide to Font Performance Optimization](https://www.debugbear.com/blog/website-font-performance) +
字体性能优化涵盖了多个网页开发技术,可以使字体加载更快、渲染更流畅。 +