20240711 前端开发日报

使用 MarsCode 编写 Node.js 全栈应用开发实践；前端开发中过度封装的现象与思考；如何评价Flutter？；JS性能优化之防抖节流的“妙用”：实战篇；【vueUse库Reactivity模块各函数简介及使用方法–中篇】；项目实战：vue+OpenAI；目前最好的CSS解决方案—unocss；小小异步，看我Promise直接把你优雅拿下

1. 使用 MarsCode 编写 Node.js 全栈应用开发实践

2. 前端开发中过度封装的现象与思考

3. 如何评价Flutter？

4. JS性能优化之防抖节流的“妙用”：实战篇

5. 【vueUse库Reactivity模块各函数简介及使用方法–中篇】

   文章浏览阅读432次，点赞23次，收藏14次。vueUseReactivity函数构想中的 reactiveOmit 函数实现方式注意事项构想中的 reactivePick 函数实现方式注意事项构想中的refAutoReset函数可能的功能实现注意事项refDebounced函数的作用使用方法构想中的refDefault函数可能的实现方式注意事项构想中的refThrottled函数可能的实现方式总结虽然vueUse库中没有函数，但你可以通过组合Vue 3的响应式API和JavaScript的节流函数来实现类似的功能。

6. 项目实战：vue+OpenAI

7. 目前最好的CSS解决方案—unocss

8. 小小异步，看我Promise直接把你优雅拿下

9. Tailwind-高效的原子化CSS框架，没有不用的理由

10. 使用Webpack创建Electron应用，并配置React

    文章浏览阅读153次。在src文件夹下创建名为app.jsx的文件，即App组件，其中引入Layout组件，程序中所有的组件都放在App组件中。为了简写，需要配置 Webpack 解析文件时的扩展名，用户在引入模块时就不需要再带扩展名了。在index.html中创建一个id=root的容器，将App组件作为程序的根组件放在其中。将renderer.js重命名为renderer.jsx，并将App挂载在root容器中。在这里需要注意的是，重命名为renderer.jsx后，需要更新配置文件中对该文件的引用。

11. electron + express 实现 vue 项目客户端部署

    文章浏览阅读411次，点赞11次，收藏7次。package.json中添加},执行npm run packager，打包成软件。这样基本实现了vue项目的客户端化，当然，别忘了起后端服务。

12. Vue学习—vue选项式api（Option API）和组合式api（Composition API）

    文章浏览阅读146次。选项式API和组合式API各有优势，Vue 3推荐使用组合式API进行开发，因为它更加灵活和现代化，同时也更容易与Vue的其他新特性如Vuex、Vite等集成。Vue中的选项式API和组合式API是两种不同的编写组件逻辑的方法。

13. vue3组件间通信

    文章浏览阅读419次，点赞15次，收藏13次。点击我传递多个参数

14. vue3对比 Setup、Render、SFC 从 vue 底层实现和性能开销上全面分析三者区别及优略

    文章浏览阅读327次，点赞5次，收藏10次。在 Vue 3 中，有多种定义和实现组件的方法，包括使用单文件组件（SFC）、defineComponent 以及组合式 API。以下是对三种方法的全面分析，包括其底层实现和性能开销。

15. react 组件通信 —— 父子传值 【 函数式/类式 】

    文章浏览阅读268次。【代码】react 组件通信 ——父子传值。

16. react学习——23react中的路由的使用（重要）

    文章浏览阅读70次。react学习——23react中的路由的使用

17. Vue3学习隙

    文章浏览阅读128次。VUE3

18. 【React Hooks原理 – useState】

    文章浏览阅读379次，点赞23次，收藏11次。本文利用图文并茂的方式从源码角度解析了useState在mount挂载、update更新阶段对state的处理，以及通过set函数更新state的逻辑