摘要：
公司要做web端监控实时播放，经过调研，webrtc-streamer的方式对前后端项目侵入最少，且没有延迟卡钝的现象。 一、准备工作 一个摄像头，摄像头对应的rtsp流链接，一台电脑，一个vue项目。 二、Webrtc-streamer安装及启动教程 1、下载安装包 下载地址：https://gi 阅读全文
摘要：
最近在看老项目的路由逻辑 项目使用constantRoutes和asyncRoutes分别代表基本路由和动态路由。createRouter时，传入的routes参数只有基本路由 在路由导航守卫中，判断用户权限生成动态路由，通过router.addRoutes方法将动态路由添加到路由中 但是我发现ro 阅读全文
摘要：
一、v-for中的key是为什么存在呢？ 这是vue官网给key的定义，key主要用于vue的虚拟dom算法。新的问题出现了，vue的虚拟dom算法是什么？ 二、虚拟domg算法 我们的程序在运行时，状态会不断发生变化。每当状态发生变化时，都需要重新渲染真实dom，但渲染真实DOM是非常耗费性能的 阅读全文
摘要：
背景：项目内页面图片需要显示图片宽高 一、获取图片尺寸的方法 // 传入图片url，返回图片尺寸 export function getImageSize(url) { return new Promise((resolve) => { const img = new Image() img.src 阅读全文
摘要：
背景：项目表单数据需要动态校验敏感词，实时提示敏感词是否存在。 方案：后端提供敏感词库，前端使用正则动态匹配敏感词（使用了loadsh库） 一、先说正则 1 // 动态匹配敏感词的正则 2 getSensitiveWordRegExp(word) { 3 return new RegExp("(\\ 阅读全文
摘要：
背景 项目有表格功能，表格过大，一个一个填，过于麻烦。 需要从excel表复制的功能。 过程 监听paste事件，根据事件提供的clipboardData属性，获取数据。 根据换行符 \n 和tab符 \t ,处理数据，获得二维数组。 代码 1 this.$refs.commonSizeTable. 阅读全文
摘要：
背景： 最近接到一个需求，重写首页，需要用到轮播图。 但是轮播图只用两张图，此为前提。 本想直接用ElementUI的走马灯，但是只用两张图的情况下，走马灯不能循环播放，只能来回播放，公司的UI小姐姐说这样不专业，所以用了swiper。 正文： 一年前用过swiper，但早忘了。我说一下这次使用的过 阅读全文
摘要：
最近一直在做react项目，发现一个bug，困扰了我两天。 Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your ap 阅读全文