不知答案尚可求，不知问题何以谋。
#网页工具 美化截图，美化代码截图。
1. https://postspark.app/ 多种平台社媒图片导出，只能下载。
2. https://chalk.ist/ 美化代码，可以直接复制。
1. https://postspark.app/ 多种平台社媒图片导出，只能下载。
2. https://chalk.ist/ 美化代码，可以直接复制。
PostSpark
Screenshot Editor App – PostSpark
Create screenshots with browser frames, annotations, and backgrounds. Free online screenshot editor tool.
#React #文章 深入探讨了Vite的构建过程中如何实现modulePreload优化，包括transform钩子、resolveId/load钩子、renderChunk钩子和generateBundle钩子的作用。
背景：携程商旅大前端团队将部分框架从Next.js迁移至Remix，并在Remix 2.0版本中进行了大量升级，包括构建工具和新功能。
https://mp.weixin.qq.com/s/viEuEA9ew9xImEa5bWYWxw
背景：携程商旅大前端团队将部分框架从Next.js迁移至Remix，并在Remix 2.0版本中进行了大量升级，包括构建工具和新功能。
https://mp.weixin.qq.com/s/viEuEA9ew9xImEa5bWYWxw
#文章 在浏览器接收到网页的第一个字节之前发生的事件，以及如何优化这些事件来加快网页加载速度。这些事件包括浏览器缓存检查、DNS查询、与服务器建立连接、TLS/SSL握手、发送请求以及接收响应。
https://blog.sentry.io/how-to-make-your-web-page-faster-before-it-even-loads/
https://blog.sentry.io/how-to-make-your-web-page-faster-before-it-even-loads/
Product Blog • Sentry
How to make your web page faster before it even loads
Understand what happens before your web page loads to optimize your web page for better performance. Learn more about how to make your web page faster here.
#网站 前端调查报告，react生态还是第一，vue和angular 开始持平了。
https://2024.stateofjs.com/zh-Hans/
https://2024.stateofjs.com/zh-Hans/
Stateofjs
State of JavaScript 2024
2024 年度 JavaScript 生态系统最新趋势调查报告。
#CSS 「使用纯JavaScript和CSS创建多步骤表单」以改善长表单的用户体验，特别是在移动设备上。文章通过构建一个工作申请表单的实例，详细讲解了表单结构、样式、功能实现、错误处理和表单提交，并提供了GitHub代码仓库链接。
CSS-Tricks
How to Create Multi-Step Forms With Vanilla JavaScript and CSS | CSS-Tricks
When was the last time you developed a multi-step form? There’s so much to think about and so many moving pieces that need to be managed. But doing it by hand can be a good exercise and a great way to polish the basics. Fatuma Abdullaho walks you through…
#文章 #React 文章讨论了作者在过去7个月中尝试了5种状态管理库（Zustand, Jotai, Valtio, MobX, XState）和1种数据获取库（Tanstack query）的经历，并分享了他对状态管理的理解和体验。
https://www.frontendundefined.com/posts/monthly/react-state-management-reflections/
https://www.frontendundefined.com/posts/monthly/react-state-management-reflections/
frontend undefined
Reflections on managing state
In this post, I reflect on my experience of using multiple state management libraries and I describe the best practices I found for managing state in React.
#MF #文章 关于如何使用Next.js的多区域（Multi Zones）功能来构建可扩展的微前端的文章。
https://techhub.iodigital.com/articles/building-scalable-micro-frontends-with-next-js-multi-zones
https://techhub.iodigital.com/articles/building-scalable-micro-frontends-with-next-js-multi-zones
#VScode 如果你的 VS Code 很卡，可以尝试关闭硬件加速，看看有没有变快。步骤如下：
1、打开命令面板 (Mac 快捷键：Cmd + Shift + P，Windows 快捷键：Ctrl + Shift + P)
2、输入 "Preferences: Configure Runtime Arguments"
3、去掉这一行的注释（如果没有就加上去）: "disable-hardware-acceleration": true
4、重启 VS Code
- 前端充电宝
1、打开命令面板 (Mac 快捷键：Cmd + Shift + P，Windows 快捷键：Ctrl + Shift + P)
2、输入 "Preferences: Configure Runtime Arguments"
3、去掉这一行的注释（如果没有就加上去）: "disable-hardware-acceleration": true
4、重启 VS Code
- 前端充电宝
#VScode
就算不依靠第三方插件，也可以显示当前行的修改者了。使用 `git.blame.editorDecoration.enabled` 和 `git.blame.statusBarItem.enabled `设置启用此功能。也可以通过 `git.blame.editorDecoration.template` 自定义展示的格式。
就算不依靠第三方插件，也可以显示当前行的修改者了。使用 `git.blame.editorDecoration.enabled` 和 `git.blame.statusBarItem.enabled `设置启用此功能。也可以通过 `git.blame.editorDecoration.template` 自定义展示的格式。
{
"git.blame.editorDecoration.template": "${subject}, ${authorName} (${authorDateAgo})"
}