呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
🧨 React 携手 useEffect 祝祝您您财财源源广广进进，钱钱途途无无量量
🧨 React 携手 useEffect 祝祝您您财财源源广广进进，钱钱途途无无量量
via std::ranges::shuffle(recv);
🧨 React 携手 useEffect 祝祝您您财财源源广广进进，钱钱途途无无量量
via std::ranges::shuffle(recv);
#demo #前端 #css #codepen
3D Rotate by Rei Lin
实现简单，原生的css 3d旋转，带深度，很酷啦
主要依靠：
1.
2.
3.
4.
3D Rotate by Rei Lin
实现简单，原生的css 3d旋转，带深度，很酷啦
主要依靠：
1.
transform-style: preserve-3d; 使子元素在三维空间中定位。默认为平面。 MDN - transform-style2.
backface-visibility: hidden; 隐藏卡片背面，直至其可见。 MDN - backface-visibility3.
transform: translateZ(100px); 使元素更接近或远离观察者。MDN - translateZ4.
perspective: 1200px; 设置元素与用户之间的距离，以确定三维元素的透视， 降低该值会使动画更加“直观”。 MDN - perspective
#阮一峰的科技周刊 #前端 #优质博文 #资源推荐 #tools
科技爱好者周刊（第 289 期）：宽容从何而来
1. SQLite 可以替代 MySQL 和 PostgreSQL 吗（英文） 📓 SQLite 一般用于单机的嵌入式数据库，但是最近发展得越来越好，作者讨论是否可以把它用作服务器的主数据库。 #后端
里面有一句话还挺有意思「Most developers tend to over-estimate how many resources a project needs to run, and underestimate the performance and benefits of simple "less shiny" solutions like SQLite. 大多数开发人员往往会高估项目运行所需的资源，而低估像 SQLite 这样“不那么优雅”的简单解决方案的性能和优势。」
2. Noi 🧰 跨平台的桌面应用，在一个界面里面集成了多个 AI 网站，支持复用提示，以及同时向多款 AI 提问。 #AI
3. AITDK 🧰 一款浏览器插件，提供当前网站的流量/Whois/SEO 等信息。 【试了试，这个挺赞的】
4. code-inspector 🧰 一个 JS 打包器的插件，点击网页 DOM，就会自动打开 IDE，并定位到相应的源码位置，目前支持 webpack/vite/rspack 打包器。（@zh-lx 投稿）
5. Process Explorer 🧰 微软官方工具，可以查看 Windows 所有进程的详细信息，免费下载。
6. winlator 🧰 一个安卓 App，让安卓手机可以运行 Windows 应用程序。
7. iOS 应用开发教程 📓 斯坦福大学2023年学年的一个英文课程，现在已经全部上网，包含讲课视频和课件。
科技爱好者周刊（第 289 期）：宽容从何而来
1. SQLite 可以替代 MySQL 和 PostgreSQL 吗（英文） 📓 SQLite 一般用于单机的嵌入式数据库，但是最近发展得越来越好，作者讨论是否可以把它用作服务器的主数据库。 #后端
里面有一句话还挺有意思「Most developers tend to over-estimate how many resources a project needs to run, and underestimate the performance and benefits of simple "less shiny" solutions like SQLite. 大多数开发人员往往会高估项目运行所需的资源，而低估像 SQLite 这样“不那么优雅”的简单解决方案的性能和优势。」
2. Noi 🧰 跨平台的桌面应用，在一个界面里面集成了多个 AI 网站，支持复用提示，以及同时向多款 AI 提问。 #AI
3. AITDK 🧰 一款浏览器插件，提供当前网站的流量/Whois/SEO 等信息。 【试了试，这个挺赞的】
4. code-inspector 🧰 一个 JS 打包器的插件，点击网页 DOM，就会自动打开 IDE，并定位到相应的源码位置，目前支持 webpack/vite/rspack 打包器。（@zh-lx 投稿）
5. Process Explorer 🧰 微软官方工具，可以查看 Windows 所有进程的详细信息，免费下载。
6. winlator 🧰 一个安卓 App，让安卓手机可以运行 Windows 应用程序。
7. iOS 应用开发教程 📓 斯坦福大学2023年学年的一个英文课程，现在已经全部上网，包含讲课视频和课件。
#优质博文 #前端 #后端 #react
模块化的请求数据统一管理的构想
AI摘要： 文章讨论了如何在复杂的前端应用中优化数据管理，特别是在使用 React Query 管理多个相互关联的模块数据时遇到的挑战。作者提出了一种解决方案，通过后端和前端协作，减少数据冗余，提高数据更新的效率和准确性。具体方法包括重构数据结构，把引用数据分离出来，并在前端使用如 zustand 或 jotai 这样的库进行集中式的数据管理，使数据更新更加高效，避免在多个模块中重复更新数据。
via innei
模块化的请求数据统一管理的构想
AI摘要： 文章讨论了如何在复杂的前端应用中优化数据管理，特别是在使用 React Query 管理多个相互关联的模块数据时遇到的挑战。作者提出了一种解决方案，通过后端和前端协作，减少数据冗余，提高数据更新的效率和准确性。具体方法包括重构数据结构，把引用数据分离出来，并在前端使用如 zustand 或 jotai 这样的库进行集中式的数据管理，使数据更新更加高效，避免在多个模块中重复更新数据。
via innei
innei.in
模块化的请求数据统一管理的构想
在一个复杂的业务场景下，一个页面中被拆分多个组件，或者是多个组件共同组成一个独立的模块而不受到其他模块的影响。如下图所示。 ref:file/24q36xw389k03evdxw.excalidraw 上图展现的典型页面中，有三个模块，侧栏的 asset list，中间的 asset detai
#demo #前端 #css #codepen
Moving Waves SVG by Interarrows
这个貌似就是各大博客经常用的 wave 动画（至少shoka主题是这个）
实际是 svg + 动画
Moving Waves SVG by Interarrows
这个貌似就是各大博客经常用的 wave 动画（至少shoka主题是这个）
实际是 svg + 动画
translate 移动