add: new post (#668)

* add: resolve: #667 resolve: #666 resolve: #665 resolve: #664 resolve: #663 resolve: #662 resolve: #661 resolve: #660 resolve: #659 resolve: #658 resolve: #657 resolve: #656

* Update and rename 2024-9-19.md to 2024-9-20.md

---------

Co-authored-by: Weekly Bot <github-bot@weekly.com>
Co-authored-by: Catherinezzzz <39609446+Catherinezzzz@users.noreply.github.com>

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