第十四周

• 技术
  • beforematch_event
  • 如何使用 ChatGPT 3.5 API 创建自己的智能应用？
  • Learning React from two Angles in 2023
• 工具
  • wiseone
  • OpenPromptStudio
  • eruda
  • react-live
  • i18n ai translate
• 更新
  • next-13-3
• 其他
  • segment-anything
  • adobe-ai
  • 四千周
  • 句摘

技术

beforematch_event

“beforematch”事件是一种实验性技术，当具有“隐藏直到找到”属性的元素通过浏览器的“页面查找”功能或片段导航被显示时会触发该事件。在元素显示之前，事件被触发，可以操作其内容。在生产中使用该事件时，应仔细检查其兼容性。该文本提供了如何使用 HTML、CSS 和 JavaScript 处理该事件的示例。

如何使用 ChatGPT 3.5 API 创建自己的智能应用？

本文介绍了 openai 的 api 使用方法，以及如何使用 openai 的 playground 生成需要的 messages 信息。并且通过一个 Next.js 实战例子，结合 ChatGPT 开发了一个 Tailwind CSS 代码生成器。

Learning React from two Angles in 2023

本文讨论了网页开发的变化景象以及将 React 作为完全集成框架用于服务器端渲染的转变。然而，作者认为在将其与其他框架整合之前，学习 React 作为一个库并重点关注它的基础是很有价值的。该文还对 Web 开发的历史、使用各种技术和框架构建单页应用 (SPA) 和服务端应用 (SSR) 的进化进行了简要回顾。

工具

wiseone

gpt 阅读辅助插件

OpenPromptStudio

和 Notion 的数据结合的 AIGC Prompt 可视化

eruda

移动浏览器的控制台

react-live

live code 组件

i18n ai translate

更新

next-13-3

1. 基于文件的元数据 API：动态生成站点地图、机器人、网站图标等。
2. 动态 Open Graph 图像：使用 JSX、HTML 和 CSS 生成 OG 图像。
3. 应用程序路由的静态导出：Server Components 支持的静态/单页应用程序（SPA）。
4. 并行路由和拦截：用于 App 路由的高级路由功能。

其他

segment-anything

adobe-ai

四千周

美国有一本畅销书叫做《四千周》，它的主要观点是：人生大约有 4000 周，将那么有限的人生，用来追求效率是错误的。

理想情况下，你努力工作，早点把事情做完，然后就可以在一天的剩余时间里享受休闲时光。

因为你很有效率，所以你有时间照料花园、和朋友打牌、发发呆、学习新的食谱、与老朋友打电话，以及在大自然中散步。

但是实际上，你的效率越高，只会得到更多的工作。

全世界都注意到了，你完成任务的速度有多快，开始向你推送更多的事情。你回复工作邮件越快，只会让你收到更多的工作邮件，因为你的同事现在都习惯了你的快速回复。

这里的关键是，世界给你提供的工作量实际上是无限的。

如果工作是无限的，那么工作效率的提高，将无法帮助你更快地“完成”工作。

你原以为，多年来努力提高生产力和效率，应该会让你过上悠闲的生活，但你最终得到的可能只是倦怠。

生活中有无限的事情要做。你越想在有限的日子里塞满的东西越多，你就越会觉得自己输了。

你不可能访问世界上所有的城市，所以如果你觉得自己的目标是环游世界，走过最多的地方，那么你肯定会失望。

解决办法就是，不要把提高效率当作自己的目标，你要找出那些对你重要的事情，把它们放在更优先的位置，学会享受现在，不要把快乐推迟到未来。

句摘

任何软件工具都应该遵循一个原则：做对的操作应该很容易，做错的操作应该很难。
-- 《论平台工程》