20231016 前端开发日报

用 Rspack 替代 Webpack，提升五倍构建速度；基于nodejs+vue大学食堂订餐系统；WebSocket的11个面试常见知识点；聊聊AST及前端应用；Vue和React的组件通信：父传子和子传父；UE特效在Web开发的应用；我是如何在低版本浏览器中运行Vite启动的项目的？；vue3 vue.config.js分包配置

1. 用 Rspack 替代 Webpack，提升五倍构建速度

   通过本文你将理解rspack，并快速实现Vue2、Vue3项目配置，提升5倍多的项目构建性能，快速提高工作效率。

2. 基于nodejs+vue大学食堂订餐系统

   它彻底改变了过去传统的管理方式， 首页、个人中心、管理员管理、用户管理、菜品管理、论坛管理、公告管理、基础数据管理、轮播图信息，学生；首页、菜品、论坛、公告、个人中心、购物车等功能。

3. WebSocket的11个面试常见知识点

   前言 WebSocket 作为一种基于 TCP 协议的实时通信协议，为前端应用提供了强大的双向通信能力。本文将深入探讨前端 WebSocket 的相关问题，包括协议区别、用法、关键技术点等。 WebS

4. 聊聊AST及前端应用

   AST 初识 什么是 AST Abstract Syntax Tree，抽象语法树，是源代码结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。 Babe

5. Vue和React的组件通信：父传子和子传父

   在中，组件化是一种常见的开发模式，它可以将复杂的用户界面拆分成多个可重用的组件。在Vue和React中，组件之间的数据和事件传递是非常关键的，其中父传子和子传父是常见的通信方式。本文将介绍在Vue和React中分别如何实现父传子和子传父的组件通信。

6. UE特效在Web开发的应用

   UE在影视、建筑、电商等行业也有大量的应用场景，因此也是支持导出高质量的视频或者图片的，使他们在Web应用里头发光发热。经过几天的探索，就有了本文的实现思路。

7. 我是如何在低版本浏览器中运行Vite启动的项目的？

   前言 众所周知，Vite 已然占据 web 开发的半壁江山。 无论是 Vue 项目还是 React 项目，我都习惯使用 Vite 去开发构建。 但是，有个问题一直困扰着我，那就是，项目需要兼容

8. vue3 vue.config.js分包配置

   vue3 vue.config.js 分包配置

9. Vue 的响应式数据 ref的使用

   响应式数据ref的使用

10. react中利用useRef、forwardRef、useImperativeHandle获取并处理dom

    react中利用useRef、forwardRef、useImperativeHandle获取并处理dom

11. 2. vue-sy-admin: 基于vue3+TypeScript的自定义指令(directives)的封装及示例

    在vue3中使用全局filters已经不是必须，有很多种替代方案(直接定义函数即可)。如果项目中使用了插件完全可以将filters导出函数使其在全局自动引入/声明。当然在这里就不说插件的使用了。下面就详细说说如何实现题外话: 强烈推荐使用，该库由vue核心成员开发，封装了各种常用hooks，能够省很多不必要的开发时间，且其中的封装hooks思想也很值得学习参考。