20240614 前端开发日报

JavaScript数据复制艺术：深浅拷贝的奇妙探索；前端小工具 FlyHttp 代码提示指南：让你的开发更高效；前端不使用任何插件导出excel，你是否知道？；vue+elementui+springboot图片上传；rrweb 网页回放；在vue和uniapp中使用 websocket并封装js；H3C项目–HTML5+CSS3+Bootstrap3+少量js；实现一个vue js小算法 选择不同的时间段 不交叉

1. JavaScript数据复制艺术：深浅拷贝的奇妙探索

2. 前端小工具 FlyHttp 代码提示指南：让你的开发更高效

3. 前端不使用任何插件导出excel，你是否知道？

4. vue+elementui+springboot图片上传

   文章浏览阅读170次。第一段代码是前端部分，包含一个el-upload组件用于进行文件上传操作。它配置了上传的接口地址、一些显示相关的属性以及上传成功和上传前的处理函数。上传成功后会更新显示图片的 URL，上传前会对文件的类型和大小进行校验，不符合要求则给出提示并阻止上传。第二段代码是后端部分，对应处理前端上传请求的方法。它接收上传的文件和请求对象，在文件非空的情况下，获取文件名，确定文件保存的目录路径，创建或确保目录存在，生成新文件名，创建新文件并将上传文件的数据保存到该新文件中，最后返回成功结果。若文件为空则返回空。

5. rrweb 网页回放

   文章浏览阅读83次。最近项目需要对生产环境进行bug复现,老大让我调研一下rrweb,我寻思没啥调研的,随便写一个例子得了,下方分为前端代码和后端代码,想要后端代码的私聊up主,我会私发给你。

6. 在vue和uniapp中使用 websocket并封装js

   文章浏览阅读223次，点赞2次，收藏3次。在vue和uniapp中使用 websocket并封装js

7. H3C项目–HTML5+CSS3+Bootstrap3+少量js

   文章浏览阅读65次。【代码】H3C项目–HTML5+CSS3+Bootstrap3+少量js。

8. 实现一个vue js小算法 选择不同的时间段 不交叉

   文章浏览阅读176次。以上图片选择了时间段 现在需要判断 当前选择的时间段 不能够是 有交叉的所以现在需要循环判断。

9. 什么是React的虚拟DOM？它如何工作以提高性能？

   文章浏览阅读272次，点赞6次，收藏3次。虚拟DOM是一个JavaScript对象，它是真实DOM的抽象表示。这个对象树包含了组件的层次结构以及每个组件的属性和状态，但不包含真实DOM的具体内容。它允许开发者在内存中直接操作这个对象树，而不是直接操作真实DOM，这样可以避免频繁地操作DOM导致的性能问题。

10. Vue在表单校验中trigger属性指定何时触发校验规则

    文章浏览阅读497次，点赞14次，收藏10次。Vue在表单校验中trigger属性指定何时触发校验规则

11. 【React】在 React 组件中，怎么使用useContext

    文章浏览阅读129次。是一个Hook，它允许你无需显式地通过组件树的每一层来传递 props，就能将值深入到组件树的任何位置。组件来包裹你的应用中的一部分。然后，你需要在你的组件树中较高的地方使用。下面是一个简单的例子说明如何使用。创建一个 Context 对象。对象，然后使用这个对象提供的。来包裹你的组件，并提供一个。包裹的组件中，你可以使用。

12. 实用问题解决之React+umi+antd（2）

    文章浏览阅读198次，点赞2次，收藏8次。通过state完成路由携带参数跳转、antd的TimePicker组件问题、解决proTable的滚动样式BUG

13. vue 修改页面 刷新页面 增删改 provide / inject

    文章浏览阅读612次，点赞15次，收藏11次。vue 修改页面 刷新页面 增删改 provide / inject