20240323 前端开发日报

一个vue页面复用方案；面试官：（…）扩展运算符是深拷贝吗？；Flutter & GLSL#8 | 乘法与矩形；2024 年 5 个令人兴奋的 JavaScript 新功能；（技巧）当 Next.js 遇到频繁重复的数据库操作时，记住使用 React 的 cache 函数；【踩坑实录】vue异步组件加载失败会怎样？；Vue3之ref和reactive的使用与区别；通过 Socket 手动实现 HTTP 协议

1. 一个vue页面复用方案

   如何通过继承扩展的方式复用页面，减少项目中大量相似度高但又不完全相同的页面，拒绝重复劳动，从你我做起。O.0

2. 面试官：（…）扩展运算符是深拷贝吗？

   大家好，我是勇宝，一名正在学习前端的打工仔，欢迎大家关注我，一起探讨更多前端小知识。今天我们来好好唠一唠深浅拷贝。

3. Flutter & GLSL#8 | 乘法与矩形

   张风捷特烈 Flutter & GLSL 系列文章： 《Flutter & GLSL#1 | Shader 让绘制无限强大》 《Flutter & GLSL#2 | 从坐标到颜色》 《Flutter

4. 2024 年 5 个令人兴奋的 JavaScript 新功能

   以下提案很有可能进入今年的 ECMAScript 版本： ECMAScript 更新 JS的新版本总是会引起轰动。自 ES6 更新以来，每年都会有新版本，我们预计今年（ES2024）将在 6 月左右发

5. （技巧）当 Next.js 遇到频繁重复的数据库操作时，记住使用 React 的 cache 函数

   如果数据量大、操作比较费时，频繁重复的查询会浪费很多时间，为了提高性能，此时就需要加入数据缓存机制。那么该如何实现呢？这就是本篇要讲的主题之一 —— React cache。

6. 【踩坑实录】vue异步组件加载失败会怎样？

   写在最前 看官们好，我是JetTsang，之前都是在掘金潜水来着，现在偶尔做一些内容输出吧。 问题引出 项目技术栈： vue2.6 由于业务场景需要，会在同一个路由组件当中,有一部分页面的组件需要根据

7. Vue3之ref和reactive的使用与区别

   文章浏览阅读249次，点赞4次，收藏6次。ref()和reactive()都是响应式api，用来跟踪其参数的更改，让组件具有响应性。

8. 通过 Socket 手动实现 HTTP 协议

9. 前端Vue篇之Vue3响应式：Ref和Reactive

   文章浏览阅读886次，点赞28次，收藏34次。Ref适用于简单数据管理，如计数器，通过.value访问和修改数据；而Reactive适合处理复杂对象数据，使整个对象都变成响应式，方便管理对象属性的变化。

10. 你的 Git 提交是不是也一团糟 ？

11. React 中 setState 更新状态的两种写法

    文章浏览阅读621次，点赞19次，收藏4次。了解和灵活运用setState方法的两种写法，可以帮助我们更好地管理组件的状态，提高代码的可读性和可维护性。根据具体的场景选择合适的写法，可以有效地避免一些潜在的状态更新问题。

12. ref及reactive的区别及本质

    文章浏览阅读558次，点赞14次，收藏8次。ref（）是使用.value属性访问和更新的，而reactive（）是原始对象的代理。ref返回的ref（值：T）的类型为ref，而reactive返回的reactive对象（对象：T）为T类型（异常：reactive中的ref被展开）。ref（）数据使用value属性访问（异常：在模板中，ref是自动展开的），而reactive（）数据则直接访问。尽管如此，用对象初始化的reactive（｛count：0｝）是完全有效的，并创建了一个reactive对象。使用基元值调用reactive（0）是不正确的。

13. ts js vue 验证文件 MD5 值 spark-md5

    文章浏览阅读325次，点赞8次，收藏4次。如何在前端中验证要上传的文件的 md5 值。

14. Angular React Vue 比较 – 模板篇之插值

    文章浏览阅读320次，点赞11次，收藏15次。插值是指在模板中动态地使用指定的值，本章将基于标签中最基本的文本插值和 JavaScript 表达式来对三大框架进行比较。

15. HTML5 中 如何使用JS、 jquery 循环播放多个视频源

    文章浏览阅读163次。HTML5 中 如何使用JS、jquery 循环播放多个视频源

16. Vue 3/vite中使用babylon.js记录

    文章浏览阅读199次，点赞2次，收藏4次。时，Vue 会将其中的代码转换为 Render 函数，类似于 Vue 2 中的 render() 函数。这样做的好处是可以更好地优化组件的性能。的原理是将其中的代码转换为 Render 函数，并通过自动注入变量和方法的方式简化了组件的编写和管理，提高了代码的可读性和维护性。，可以将组件的设置、响应式变量声明和方法定义都放在一个地方，使得组件逻辑更加清晰和紧凑。中的方法会被自动绑定到组件实例上，可以直接在模板中使用而无需额外的操作。中声明的变量和方法会自动注入到模板中，无需额外的导入或暴露。

17. 【 Vue 】自定义渲染器和异步渲染

    文章浏览阅读289次，点赞8次，收藏12次。渲染器是围绕而存在的，在Web平台下它能够把渲染为浏览器中的真实DOM对象，通过前面几章的讲解，相信你已经能够认识到渲染器的实现原理，为了能够将渲染为真实DOM，渲染器内部需要调用浏览器提供的DOM编程接口，下面罗列了在出上一章中我们曾经使用到的那些浏览器为我们提供的DOM：创建标签元素。：创建文本元素。：修改文本元素的内容。：移除DOM元素。：插入DOM元素。：追加DOM元素。：获取父元素。：获取下一个兄弟元素。：挂载Portal类型的VNode时，用它查找挂载点。这些DOM。

18. Vue3：网页项目中路由的设计和配置

    文章浏览阅读92次，点赞5次，收藏2次。为了避免我每次建项目配路由的时候都回去翻网课，打算整一博客。

19. elementUI(Vue2)和elementPlus(Vue3)图标icon差异

    文章浏览阅读570次，点赞16次，收藏8次。只要安装了 @element-plus/icons-vue，

20. 工作需求，Vue实现登录

    文章浏览阅读512次，点赞10次，收藏13次。工作需求，Vue实现登录