20240317 前端开发日报

技术资讯：Volar正式更名为Vue-Official；2万星开源低代码平台，帮你节省数百小时的工作；ReduxToolkit、CSS/SVG实现复杂线条光效、MySQL 优化器索引选错、布隆过滤器、Android perfetto | 酱酱的下午茶第316期；Github主页设置贪吃蛇详细教程；vue中ref/reactive的区别是什么；大模型基础应用框架（ReACTSFTRAG）技术创新及零售业务落地应用；一文盘点Typescript中23个内置类型工具 (建议收藏)；【Vue3】Vue3中路由规则的 props 配置

1. 技术资讯：Volar正式更名为Vue-Official

   Vue3旧语言工具 Volar 退了，一个更加强大的Volar升级版，Vue-Official 来了！Volar 正式升级更名为 Vue-Official ！

2. 2万星开源低代码平台，帮你节省数百小时的工作

   今天我们来推荐一个开源低代码平台，帮助工程师节省上百小时的时间去构建工作流类的应用， 目前在GitHub已超过20K Star，他就是：budibase 。

3. ReduxToolkit、CSS/SVG实现复杂线条光效、MySQL 优化器索引选错、布隆过滤器、Android perfetto | 酱酱的下午茶第316期

   【本期掘金酱的下午茶】亮点： 不要再写满屏import导入啦 Redux Toolkit 准线上事故之 MySQL 优化器索引选错 布隆过滤器：原理与最佳方案实践 浅聊下对 app 开发成长有益的一些

4. Github主页设置贪吃蛇详细教程

   先看最终实现结果： 有条贪吃蛇放在主页还是蛮酷的哈哈哈。接下来我来讲一讲怎么在Github主页添加一条贪吃蛇。 首先要修改自己的Github的主页，我们得有一个特殊的仓库——这个仓库必须与你的Gith

5. vue中ref/reactive的区别是什么

   文章浏览阅读160次。**作用对象**：`reactive` 用于将普通的 JavaScript 对象转换为响应式对象，使对象的属性发生变化时能够触发视图更新。- **作用对象**：`ref` 主要用于将基本数据类型（如数字、字符串等）或非响应式对象（如 DOM 元素）转换为响应式对象。- **使用场景**：通常用于对单个数据进行响应式处理，例如在组件中声明一个响应式的变量。- **使用场景**：适用于处理复杂的对象或嵌套对象，需要对对象的多个属性进行响应式处理。

6. 大模型基础应用框架（ReACTSFTRAG）技术创新及零售业务落地应用

   一、前言 2023年，大语言模型以前所未有的速度和能力改变我们对智能系统的认知，成为技术圈最被热议的话题。但“百模大战”终将走向“落地为王”，如何将大语言模型的强大能力融入实际业务、产生业务价值成为致

7. 一文盘点Typescript中23个内置类型工具 (建议收藏)

8. 【Vue3】Vue3中路由规则的 props 配置

   文章浏览阅读948次，点赞41次，收藏40次。在 Vue3 中，使用 Vue Router 进行路由管理时，可以通过配置路由规则的 props 属性，将路由参数传递给组件。这样可以使路由参数直接作为组件的属性，在组件中使用更加方便挑战与创造都是很痛苦的，但是很充实。

9. React Hooks、useState、useEffect 、react函数状态

   文章浏览阅读531次，点赞18次，收藏8次。React 体系里组件分为类组件和函数组件多年使用发现，函数组件是一个更加匹配 React 的设计理念`UI = f(date)`,也更加有利于逻辑拆分与重用的组件表达形式，而先前组件是不可以有自己的状态的。为了让函数组件可以拥有自己的状态，所以从 react v16.8 开始，加入了 hooks

10. react setupProxy.js导致项目无法启动

    文章浏览阅读197次。如果是因为添加了setupProxy.js导致项目无法启动，检查此文件中的如下内容。版本如果是2以上就算是高版本，尤其是最新的项目。

11. 全栈的自我修养 ———— vue中export的几种导入与引用方式

    文章浏览阅读98次。【代码】全栈的自我修养 ———— vue中export的几种导入与引用方式。

12. 3 「武装思想」- React SSR 根本原理

    文章浏览阅读356次，点赞6次，收藏7次。其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）《前端开发四大模块核心知识笔记》最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】习资料是我从各路大佬收集整理好的）

13. React – router(v6)，二级路由，占位

    文章浏览阅读62次。【代码】React – router(v6)，二级路由，占位。

14. Electron+vue打造一个本地播放器(附项目代码)

    文章浏览阅读317次，点赞6次，收藏7次。个人觉得系统自带的菜单栏太丑了，就给设置了无边框再自己加上最小化，关闭的功能。最小化，关闭是通过ipc通信，渲染进程监听到有点击操作后，通知主进程进行相应的操作。渲染进程close() {},主进程app.quit();});});