20240327 前端开发日报

面试官：只知道v-model是:modelValue和@onUpdate语法糖，那你可以走了；vue3+elementPlus 二次封装表单；高颜值轻量化跨平台 Redis 桌面管理器 | 开源日报 No.169；4G显存玩转AI绘画Stable Diffusion WebUI Forge来了；一篇文章，告别Flutter状态管理争论，问题和解决；探寻HTTP革新 — 为什么HTTP/3是未来的前沿？；web3实战课01：链接你的钱包；轻量级 C++ UI 库：快速、可移植、自包含 | 开源日报 No.168

1. 面试官：只知道v-model是:modelValue和@onUpdate语法糖，那你可以走了

   你知道v-model指令是如何变成组件上的modelValue属性和@update:modelValue事件呢？这一过程是在编译时还是运行时进行的呢？

2. vue3+elementPlus 二次封装表单

   功能 Input输入框 autocomplete自动补齐输入框 radio 单选框 checkbox 复选框 date 日期选择框 select 下拉框 如需添加更多功能参考elementPlus或者

3. 高颜值轻量化跨平台 Redis 桌面管理器 | 开源日报 No.169

   tiny-rdm 是一款现代化的轻量级跨平台 Redis 桌面管理器，适用于 Mac、Windows 和 Linux。它的特点包括超轻量级、直观的用户界面、多语言支持和更好的连接管理。它还提供可视化的

4. 4G显存玩转AI绘画Stable Diffusion WebUI Forge来了

   对于8GB显存GPU，生成速度可以有大约30%至45%的提升，GPU内存峰值下降约700MB至1.3GB，最大扩散分辨率将提升约2到3倍，同时最大扩散批次大小将增加约4到6倍。

5. 一篇文章，告别Flutter状态管理争论，问题和解决

   起因 每隔一段时间，都会出现一个新的状态管理框架，最近在YouTube上也发现了有人在推signals, 一个起源于React的状态管理框架，人们总是乐此不疲的发明各种好用或者为了解决特定问题而产生的

6. 探寻HTTP革新 — 为什么HTTP/3是未来的前沿？

   最近，公司在面试新的小伙伴时，其中有一道面试题就是关于“HTTP”的，这是一个表面上看似简单但实际上颇具挑战性的问题：“你对 HTTP 协议了解多少？能不能把你知道的都详细说一下？” 问题虽简单，但其

7. web3实战课01：链接你的钱包

   链接用户的钱包，是开发DAPP的第一步，跟着我，用最简单清晰的思路理解钱包链接协议，并完成一次实战链接吧！

8. 轻量级 C++ UI 库：快速、可移植、自包含 | 开源日报 No.168

   imgui 是 C++ 的无臃肿图形用户界面，具有最小的依赖关系。 该项目的主要功能、关键特性、核心优势包括： * 为 C++ 提供了一个轻量级的图形用户界面库 * 输出优化的顶点缓冲区，可

9. Vue3中Hook函数，解锁新技能

10. Vue 与 React 的区别

    文章浏览阅读79次，点赞4次，收藏2次。与Vue类似，React本身只关注于视图层，但可以通过集成其他库来处理应用中的路由、状态管理等更复杂的需求。之所以称为"渐进式"，是因为Vue的核心只关注视图层，但它也允许通过引入各种官方或第三方库来实现更为复杂的应用功能，如状态管理、路由等。它易于上手，也适合构建复杂的单页应用（SPA）。Vue和React都可以被看作是既有库的特性（提供丰富的功能和灵活性），也有框架的特性（有助于规范应用结构）。总的来说，Vue和React都是现代前端开发中非常流行的工具，广泛用于构建高效、动态的Web应用程序。

11. Python web+Bootstrap+Jquery+flask前后端框架完整登录项目

    文章浏览阅读269次，点赞2次，收藏4次。这是一个融合了Bootstrap+Jquery+flask三种前端框架的项目，实现了从注册到登录的全过程。

12. 全局自定义指令实现图片懒加载，vue2通过js和vueuse的useintersectionObserver实现

    文章浏览阅读91次，点赞2次，收藏4次。2.创建自定义指令,我是将指令封装到单独的directive文件夹里，更符合实际开发场景。1.创建dom元素,v-lazy为自定义指令，在自定义指令传入图片的url。1.使用全局自定义指令创建图片懒加载指令。3.在main,js中注册全局自定义指令。4.在自定义指令中实现图片懒加载逻辑。3.实现判断图片是否在视口内的逻辑。2.在全局自定义指令中。

13. 解决在vue3+vite+element-plus 中echarts在el-dialog无法正常显示问题

    文章浏览阅读161次。解决在中echart无法正常现实问题

14. Vuejs中的nextTick

    文章浏览阅读154次。onMounted函数中调用一些子组件的方法时，提示是undefined，解决方法

15. vue项目中使用vue-pdf或pdf.Js，实现在页面上预览pdf内容

    文章浏览阅读341次，点赞2次，收藏5次。vue项目中使用vue-pdf或pdf.Js，实现在页面上预览pdf内容

16. vue时间组件：dayjs与moment

    文章浏览阅读420次，点赞13次，收藏3次。Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。

17. react组件通讯

    文章浏览阅读431次，点赞13次，收藏14次。原理就是通过props传递自定义属性，与vue原理一样，但比vue更容易理解。

18. vue3+elementPlus el-calendar如何标出多个时间

    文章浏览阅读101次。【代码】vue3+elementPlus el-calendar如何标出多个时间。

19. React 18中hook函数详解之useState和useEffect

    文章浏览阅读526次，点赞7次，收藏18次。React 18中hook函数详解之useState和useEffect