20240228 前端开发日报

React 19 发布在即，抢先学习一下新特性；技术资讯：Node.js 新吉祥物，来了；再遇协同编辑：Yjs + Quill，文档协同编辑竟如此简单 ；改造了一个练习英语的开源项目；Flutter & GLSL – 柒 | 减法与线；8K star这款可视化 Git 客户端帮你提升工作效率；css面试考点：flexbox、回流重绘、响应式设计及视差滚动的实现；这都快React19了，快来学习一下服务端渲染吧

1. React 19 发布在即，抢先学习一下新特性

   盼星星，盼月亮，终于盼来 React 19。这是继引入 hooks 之后的又一个里程碑式版本，快来抢先学习一下新版本可能发布的特性！

2. 技术资讯：Node.js 新吉祥物，来了

   历时半年，Node 终于是推出了自己的新吉祥物，火箭龟。此举的意义，对于 Node而言，算是具有里程碑的意义了，毕竟期待已久，终也算是圆满了。

3. 再遇协同编辑：Yjs + Quill，文档协同编辑竟如此简单

   简简单单 70 行代码，实现基于 Quill 富文本编辑器的协同编辑操作，骚年，一起来揭秘 Yjs 的使用吧。

4. 改造了一个练习英语的开源项目

   在2023年下半年，我决定将英语学习纳入我的计划清单，找到了一套适合自己的学习方法。在学习过程中，我养成了记录我不熟悉的单词，并计划在闲暇时复习这些新词以加强记忆的习惯。然而，经过一段时间的尝试，我.

5. Flutter & GLSL – 柒 | 减法与线

6. 8K star这款可视化 Git 客户端帮你提升工作效率

7. css面试考点：flexbox、回流重绘、响应式设计及视差滚动的实现

8. 这都快React19了，快来学习一下服务端渲染吧

9. 读工具书之《Pro Git》

10. 分享一些我在面试时所遇到的CSS问题 （四）

11. 【Vue3】学习watch监视：深入了解Vue3响应式系统的核心功能（下）

    文章浏览阅读964次，点赞41次，收藏39次。准备代码如下。

12. vue3第三节(v-model 执行原理)

    文章浏览阅读198次。vue3 中 v-model使用说明

13. Vue概念详解【目录】

    文章浏览阅读345次，点赞9次，收藏7次。这个专栏是关于 Vue2 和 Vue3 各种概念的大集合！`它深入挖掘原理，分析各种优势和劣势，适配各种应用场景，部分内容还列出了代码示例，以清晰地讲述原理`。在这里，你将全面了解 Vue2 和 Vue3 的世界，从基础概念到高级特性，一切都将在你眼前展开。

14. 前后端分离Vue+node.js在线学习考试系统gqw7o

    文章浏览阅读570次，点赞3次，收藏6次。通过此方式促进在线学习平台信息流动和数据传输效率，提供一个内容丰富、功能多样、易于操作的在线学习平台。与其它应用程序相比，在线学习平台的设计主要面向于学校，旨在为管理员和学生、教师、院系提供一个在线学习平台。作为一款在线学习平台，面向的是大多数学者，软件的界面设计简洁清晰，用户可轻松掌握使用技巧。（2）该平台是提供给多个用户使用的平台，用户使用之前需要注册登录。（1）用户注册登录后，可进入系统解锁更多功能，用户将信息加入到后台数据库。在线学习平台设计的目的是为用户提供学校资料、考试等方面的平台。

15. Node JS 模块：Node.js 需求与导入

    文章浏览阅读867次，点赞39次，收藏21次。如上所述，Node.js遵循 CommonJS 模块系统，内置的 require 函数是将模块包含在该系统中的最简单方法。当我们在 Node.js 中调用 require 时，require 函数首先读取一个 JavaScript 文件，执行该文件，然后 require 函数继续返回 exports 对象。因此，如果我们尝试使用 import 关键字直接在 node js 中导入模块，它会抛出错误。如上所述，Node.js的默认模块系统是 CommonJs，它支持用于导入模块的 require 函数。

16. Vue依赖注入之Provide/Inject

    文章浏览阅读540次，点赞14次，收藏14次。/使用inject接收父组件provide的住入值,其注入值为一个对象。//使用inject接收父组件provide的住入值,其注入值为一个对象。//let 变量名 = inject(父组件的provide注入值);//let 变量名 = inject(父组件的provide注入值);//provide("注入名", {以对象形式输出多个值});//provide("注入名", {以对象形式输出多个值});//provide("注入名", 值);//provide("注入名", 值);

17. vue2.x关于el-input输入框的自定义指令，新需求埋点统计用户输入时长统计，记录

    文章浏览阅读182次，点赞6次，收藏3次。1.创建js文件import Vue from ‘vue’// 创建一个用于存储焦点持续时间的对象const focusDurations = {}Vue.directive(‘focus-duration’, { // 当被绑定的元素插入到 DOM 中时…… inserted: function(el, binding) { let inputDom if (el) { inputDom = el.children[0] console.log

18. Vue 2 项目升级为 Vue 3 心得与经验分享

    文章浏览阅读137次。Vue 3 引入了 Composition API，这是一个更灵活和强大的替代 Vue 2 中的 Options API。通过充分的准备和计划，以及积极地参考文档和社区资源，相信你可以顺利完成这个迁移过程，并享受到 Vue 3 带来的新特性和改进所带来的好处。在这篇文章中，我将分享我在将 Vue 2 项目升级为 Vue 3 过程中的心得和经验，希望能帮助到正在面对同样挑战的开发者们。此外，还有许多社区资源，如博客文章、视频教程等，可以帮助你更好地理解 Vue 3，并解决在迁移过程中遇到的问题。

19. Vue3 watch 与 watchEffect 用法

    文章浏览阅读327次，点赞8次，收藏3次。参数一是一个副作用函数，在这个副作用函数，会收集在这个函数中，用到的所有reactive，ref等声明的变量，作为监听触发依据，但必须是具体值，比如，如果是ref声明的变量必须.value，直接变量是不行的，它只会在初始化的调用一次，在以后的数据变化是监听不到的。所以就可以换种想法，只要在watchEffect里用的副作用，都可以被监听到，如下，不管是num.value还是data.a的值发生变化的时候，都会监听到。第三种 监听多个值，参数一返回的是一个数组，参数二对应每一项也是一个数组。

20. Vue ＜script setup＞

    文章浏览阅读596次，点赞19次，收藏4次。全局注册的自定义指令将正常工作。本地的自定义指令在中不需要显式注册，但他们必须遵循// 在元素上做些操作

21. 前端Vue篇之Vue3.0有什么更新、defineProperty和proxy的区别、Vue3.0 为什么要用 proxy？

    文章浏览阅读348次，点赞9次，收藏10次。defineProperty和Proxy都是JavaScript的元编程特性，它们的主要区别在于：defineProperty只能监听对象的属性，而Proxy可以监听对象的整个操作，包括属性的读取、写入、删除等。

22. react 路由传值（多个传值）

    文章浏览阅读84次，点赞5次，收藏4次。一、如上传参页面变量lang，直接传递lang，会报以下错误。拓展: 同一页面多个传值。