20240303 前端开发日报

前端之虎陈随易 – 2024年1-2月折腾之路；乐吾乐Web可视化RTSP播放；我竟然中招了github钓鱼链接；vue3和vue2的区别，你知道多少；Git LFS 大文件存储；【前端调试】如何优雅调试线上代码（Vue、React）；面试官：线上崩了，说说你是怎么排查线上问题的？；公式化解动规面试题-按摩师：今天约吗？

1. 前端之虎陈随易 – 2024年1-2月折腾之路

   大家好，我是前端之虎陈随易。 目前是： 农村程序员（自2021年离职至今都在农村待着） 独立开发者（有多个已经在盈利中的产品） 自由职业者（睡到自然醒，困就马上睡） 个人创业者（注册了自己的公司

2. 乐吾乐Web可视化RTSP播放

   背景 乐吾乐致力于物联网和智能制造等场景的Web可视化平台和解决方案，其中摄像头播放必不可少。 当前国内摄像头都以RTSP协议为主，而HTML不能直接读取RTSP协议，因此需要一个转流服务。

3. 我竟然中招了github钓鱼链接

   相信最近大家应该有关注到github的一些repo的issue中可能会发送一些钓鱼链接，类似下面这样。而一般人应该都没有点击链接，或者是点了链接但看到授权的权限太多并没有进行验证。而我……

4. vue3和vue2的区别，你知道多少

   一. 根节点不同 vue2中必须要有根标签。 vue3中可以没有根标签，。 二. 组合式API和选项式API

5. Git LFS 大文件存储

   Git LFS（Git 大文件存储），一篇讲完LFS原理，由来，优缺点，使用的教程，让你轻松在git上使用大文件存储

6. 【前端调试】如何优雅调试线上代码（Vue、React）

   前言 不管是我们Vue还是React项目，线上都是通过Webpack或Vite编译压缩之后的代码，比如： React项目： Vue项目： 这就导致了一个问题：一旦线上出现bug时，首先我们不知道问题是

7. 面试官：线上崩了，说说你是怎么排查线上问题的？

   Hi 你好，我是东东拿铁，一个正在探索个人IP&副业的后端程序员。 工作多年还不会排查线上问题？系统响应时间突增，CPU使用率明显上升，系统偶尔卡顿，一文教你四个排查方向

8. 公式化解动规面试题-按摩师：今天约吗？

   浅聊一下 最近面试，碰到最多的算法题就是动态规划，很多同学都不知道动态规划的题目应该如何下手，今天就来讲讲leetcode上的一道原题(面试题 17.16. 按摩师 – 力扣（LeetCode）)..

9. Vue3项目中使用TypeScript：全面指南和最佳实践

10. 源码视角，vue3为什么推荐用ref，而不是reactive

    文章浏览阅读449次，点赞17次，收藏6次。ref在 Vue3 中提供了一种更统一、灵活的响应式解决方案，还能避免了reactive的某些局限性。希望这篇文章对你有所帮助，有所借鉴。大家怎么认为呢，评论区我们一起讨论下！

11. 解决React中的隐藏陷阱：点击按钮导致的页面刷新和URL变化

12. Vue3_2024_2天【Vue3组合式setup用法及响应式ref和reactive】

    文章浏览阅读146次，点赞2次，收藏2次。5 vue3的组合式api，也就是setup函数，特点如下：*可将属性定义、方法、计算属性、监听器都写在这一个函数内，将需要在template中要使用的，进行return出去，如：return {a,b,getInfon,deletePeo}【这一种了解许可（避免他人写你能看懂），是setup最原始写法，不推荐使用，后续使用基于–语法糖setup写法】没错，这里有疑问了，明明setup内部没有this，这里如何使用，其实也很好理解，4.（正如之前说过的，vue3兼容vue2代码，但尽量别混合写），

13. 【Vue3】深入理解Vue中的ref属性

    文章浏览阅读498次，点赞17次，收藏21次。ref是Vue提供的一个特殊属性，用来在模板或组件中给子元素或组件注册引用信息。这个引用信息可以是一个指向DOM元素或组件实例的引用，通过这个引用，我们可以直接操作对应的DOM元素或组件实例总结一下* 用在普通DOM标签上，获取的是DOM节点。用在组件标签上，获取的是组件实例对象。挑战与创造都是很痛苦的，但是很充实。

14. vue3与vue2的区别

    文章浏览阅读98次，点赞3次，收藏2次。总的来说，Vue 3在性能、语法、API、生命周期函数钩子、数据双向绑定原理、定义变量和方法、指令和插槽的使用等方面都有所改进和优化，使得开发者能够更加高效、灵活地开发Vue应用。Vue 3和Vue 2之间存在多个主要区别，包括性能、语法、API、生命周期函数钩子、数据双向绑定原理、定义变量和方法、指令和插槽的使用、是否支持碎片、父子之间传参、main.js文件设置以及TypeScript和PWA支持等方面。

15. react+antd监听Form内的值改变

    文章浏览阅读277次，点赞10次，收藏3次。两种在页面内实时获取Form最新的写法。

16. 实验三 学习Vue-router的使用

    文章浏览阅读304次，点赞8次，收藏5次。这是学习Vue+Springboot前后端分离开发接触的第一个Vuecli项目，在进行配置的时候出了很多小插曲，所幸最后还是能够成功运行，对我后续的学习有很大的帮助。然后通过router文件夹下的index.js配置路由然后在也面点击跳转到路由test页面。要求通过该实验的练习，学习并会使用Vue-router的基本语法，以及路由跳转和路由嵌套。在views下创建test.vue页面添加到App.vue通过router的语法。4)配置路由设置在主页面进行跳转看是否跳转成功，至少设计3个组件，组件内容自定。

17. react父子组件传参demo

    文章浏览阅读300次，点赞11次，收藏3次。【代码】react父子组件传参demo。