• Vapor Mode

    最近逛掘金的时候经常能看见大家在聊 Vue3.6 取消使用虚拟 DOM 新增使用 Vapor Mode 的话题,自己私下研究了一下 Vapor Mode 这里记录一下对 Vapor Mode 的理解。 🧠 虚拟 DOM 的初衷在了解为什么要放弃使用虚拟 DOM 之前我们先复习一下为什么要使用...
  • 前端视角聊聊监控接入:RTSP、WebSocket 和 WSPlayer

    前端做久了你会发现,“视频”这东西看起来简单,其实水很深。尤其是遇到监控项目,RTSP 流进来,老板一句“页面上能不能看看”,就把我送进了流媒体的世界。 这篇文章记录我在实际开发项目中,从前端角度接入监控视频的全过程,分享一些踩过的坑和思路,希望能帮到你。 🧩 项目背景这个项目包含了 大屏、...
  • RuoYi 快速上手指引

    这篇文章是我在使用 RuoYi 过程中,为了帮助自己和团队更快上手而整理的前端配置笔记,希望能帮到也在踩坑的小伙伴。 📦 技术栈概览RuoYi 的前端默认采用: Vue2 + Vue Router Element UI Vuex 状态管理 Axios + 权限拦截器 动态路由 + 菜单...
  • 垃圾回收机制

    首先我们要先了解一下为什么需要使用垃圾回收机制,在js中我们使用的所有变量都会在内存中开辟一个新的空间来存储数据,数据在解析完成之后需要释放掉占用的内存,在chrome的v8引擎中引入了自动释放内存的机制就是垃圾回收机制。 一般的垃圾回收机制的方案引用计数在解析过程中我们每个对象的使用我们都会...
  • 什么是虚拟DOM与真实DOM,他们的区别

    虚拟DOM与真实DOM的区别(注意:需不需要虚拟DOM,其实与框架的DOM操作机制有关): 执行效率:由于真实DOM的操作需要涉及浏览器的布局计算和渲染,执行效率比虚拟DOM低。 性能优化:虚拟DOM通过 diff 算法比较新旧DOM节点差异,最终只更新部分节点,可以减少页面渲染的开销,提高性...
  • 递归的原理与实际开发运用

    递归的原理: 也就是JS执行函数时会进入另外一个空间执行函数,这个空间成为调用栈。若一个函数里面嵌套自己,最终会形成多个调用栈,一层层递进运算再回退运算称为递归运算 说白了理解递归就是函数自己调用自己 数组转树:123456789101112const arrToTree = (arr, id...
  • jQuery的总结

    jQuery是一个 JavaScript 库,里面封装了很多函数方法我们可以通过调用函数中的方法来快速实现一些js中常用的方法(我们调用的时候要通过jQuery导出的一个$作为前置符号类引用),极大简化了 JavaScript 编程。 jQuery中的顶级对象$ $是 jQuery 的别称,在...
  • UnoCSS学习总结

    ✨ 为什么开始用 UnoCSS?在参与一个大屏项目的时候,页面上的元素特别多,各种图表、地图、动画,样式堆得一大坨。最开始我还是用传统的写法 —— scss 和 className 去管理样式,后来越写越发现: 样式文件越来越臃肿,重复代码一大堆; 改动个样式还得切来切去,看着都烦; 一套样...
123