【前端可视化】前端大屏适配方案
方案一：rem 单位+动态设置 html 的 font-size动态设置 html 根字体的大小和 body 字体大小(使用 lib_flexible.js)将设计稿的宽(1920)平均分成 24 等份，每一份 80px；html 根字体大小就设置为 80px，即 1rem = 80px，24rem
JavaScript深拷贝的方法
深拷贝会将原始对象及其所有子对象都复制到堆中，并返回一个指向新对象的引用。这样，新的对象与原始对象之间**不存在任何关联**，修改其中一个对象不会影响另一个对象。
一个vue项目同时兼容pc和移动端
一个vue项目同时兼容pc和移动端
宝塔部署项目&跨域
宝塔部署
monaco-editor基本使用以及monaco-editor封装成vue组件
使用monaco.editor.create方法创建monaco-editor实例，create方法的第一个参数接收一个dom元素，第二个参数可选，接收一个IStandaloneEditorConstructionOptions配置对象。编辑器主题：vs, hc-black, or vs-dark
element ui el-date-picker 组件默认值
element ui el-date-picker 组件添加默认值。
【JS】设置滚动属性默认自动滚动到底部（overflow:scroll；）
设置滚动属性默认自动滚动到底部，及应用场景案例（实现对话功能）
Object.keys方法之详解
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。
js中history对象
在上面的代码中，调用pushState方法设置了一个状态对象，其中包含了一个名为page的属性，值为"index"，将URL地址改变为/index.html。随后监听了popstate事件，当调用back方法回到上一个历史记录时，popstate事件会被触发，可以在事件处理函数中获取到当前历史记录的
安全基础 --- nodejs沙箱逃逸
因为 primitive types，数字、字符串、布尔这些都是 primitive types ，他们传递的是值，沙盒内使用的m和外部的m不是同一个m，无法利用。{} 是在沙盒内部的一个对象，而this是在沙盒外的对象（注入进来的）。沙盒内的 {} 无法获取process，因为其本身就无proce
海康WEB3.3控件开发包 V3.3 前端vue项目调用实时监控画面
本需求的完成得到了前端大佬、后端大佬、设备大佬的帮助，特别是后端将设备映射到公网， 以及前端单独部署demo页面这个思路的转变。
【前端】在Vue页面中引入其它vue页面 数据传输 相互调用方法等
那么我们只需要在home.vue想要的地方添加比如我们需要在 home.vue 中引用 headView.Vue。
el-cascader的回显解决
el-cascader内部是数组形式的，而大部分接口只需传入数组的最后一个字段，但修改时候往往也只返回这最后一个字段，导致el-cascader无法正确回显。我们只需要在获取到返回的字段后传入下面这个函数即可完成el-cascader的回显。注：提交时可用下面这个方法获取el-cascader数组的
js设计模式——发布订阅模式
发布订阅模式是一种常用的设计模式，它定义了一种一对多的关系，让多个订阅者对象同时监听某一个主题对象，当主题对象发生变化时，它会通知所有订阅者对象，使它们能够自动更新。发布订阅模式是一种常用的设计模式，它可以实现对象间的松耦合通信，支持异步处理和多对多的通信。它也有一些缺点，比如可能会造成内存泄漏、程
Uncaught ReferenceError: $ is not defined几种处理方式
Uncaught ReferenceError: $ is not defined
【Vue】pinia 数据持久化插件 pinia-plugin-persistedstate 使用
为什么需要持久化？刷新浏览器后，重新加载页面时会重新初始化 vue、 pinia，而 pinia 中状态的值仅在内存中存在，而刷新导致浏览器存储中的数据就没了。在实际开发中，浏览器刷新时，有些数据希望是保存下来的。如用户登录后，用户信息会存储在全局状态中，如果不持久化状态，那么每次刷新用户都需要重新
下载 axios.js 文件到本地
下载 axios.js 文件到本地
element ui多选下拉组件(el-select)tag数量过多处理解决办法(二次封装)
elementui 的 select组件基于源码二次封装，超出指定行数自动省略，可以手动展开收起，解决多选tag标签过多时的展示问题
element ui tree组件使用render函数自定义节点内容，隐藏或者显示(附带点击子节点双击事件)
<el-tree ref="tree" class="stafftree" :data="devicesTreeData" :props="defaultProps" node-key="id" @node-click="handleNodeClick" :render-content="r
在 JavaScript 中生成特定范围内的随机整数
如何在 JavaScript 中的两个指定变量之间生成随机整数，例如 x = 4 和 y = 8 会输出 4, 5, 6, 7, 8 中的任何一个？
