不知答案尚可求,不知问题何以谋。
#React #文章 本文详细介绍了构建下拉菜单(dropdown)组件的过程,包括其触发器、关闭机制、定位和焦点陷阱等关键技术细节。文章强调了理解下拉组件的内部机制的重要性,并提供了基于React的代码示例和设计模式,以帮助开发者构建功能齐全、可访问性强的下拉菜单。
https://reshaped.so/blog/building-a-dropdown
https://reshaped.so/blog/building-a-dropdown
#React #文章 关于表单状态处理库 react-hook-form 和 校验库yup
https://swizec.com/blog/why-reacthookform-is-my-new-favorite-form-library/
https://swizec.com/blog/why-reacthookform-is-my-new-favorite-form-library/
#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/
#CSS 「使用纯JavaScript和CSS创建多步骤表单」以改善长表单的用户体验,特别是在移动设备上。文章通过构建一个工作申请表单的实例,详细讲解了表单结构、样式、功能实现、错误处理和表单提交,并提供了GitHub代码仓库链接。
#文章 #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/
#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
- 前端充电宝