01 2023 档案
摘要：flex 布局下，使用flex：xx 的子项无限撑大容器 祖先容器使用flex布局，父容器使用flex：xx的时候，此时如果父容器下的子项使用宽高100%，子项将会无限撑大容器。 解决办法： 祖先容器使用flex定位时，当发生嵌套时，必须得给flex：xx 的父容器设置position:relati
阅读全文
摘要：elementplus form的动态配置写法 模板代码部分 <template> <div class="card content-box"> <el-alert title="通过 component :is 组件属性 && v-bind 属性透传，可以将 template 中的 html 代码
阅读全文
摘要：vue3的unplugin-auto-import，setup语法糖下自动引入vue的基本api https://blog.csdn.net/weixin_52020362/article/details/127841641
阅读全文
摘要：递归函数的全局变量使用技巧 我希望提取以下数组中每个path的值放入一个数组 let arr = [ { path: 'a', b: 2, children: [ { path: 'b', b: 3, children: [ { path: 'c' }, { path: 'd' }, ] } ] }
阅读全文
摘要：首先上代码 <template> <template v-for="subItem in menuList" :key="subItem.path"> <!-- 有子菜单 --> <el-sub-menu v-if="subItem.children && subItem.children.leng
阅读全文
摘要：axios+ts 使用class类二次封装axios 此次封装代码取自开源项目GeekerAdmin，感谢作者。 一、interface类型提取 几个接口类型可以直接从axios的ts库里直接提取，以下是请求和响应配置项接口 // aixos请求配置项接口 export interface Axio
阅读全文
摘要：中文文档地址，已经写的一清二楚了 https://cn.vitejs.dev/guide/env-and-mode.html#env-variables
阅读全文
摘要：卫语句（Guard） 什么是卫语？卫语句是一种编程思想，提前检查边界，保卫代码。 一、什么时候使用卫语句 大厂开发规范，超过三个ifelse建议使用卫语句、策略模式、状态模式等方式重构 以下代码中使用了卫语句进行了优化，当然实际开发中业务比这个更复杂，所以更加体现了遇到复杂逻辑需要使用卫语句。 //
阅读全文
摘要：六大设计原则SOLID 单一职责原则（Single Responsibility Principle） 单一职责原则：应该有且仅有一个原因引起类的变更。 单一职责指的是，一个类，一个函数（方法）只负责一个单一的职责。 降低复杂度提高代码的可读性 提高可维护性 开闭原则（Open Closed Pri
阅读全文
摘要：了解直播/实时监控 需要掌握的背景知识 :triangular_flag_on_post: 直播流(协议)有哪些？ :triangular_flag_on_post: 理解RTMP、HttpFlv和HLS :triangular_flag_on_post: 什么是RTMP 和 RTSP？ :tria
阅读全文
摘要：使用动态列的表格初次加载时出现塌陷 解决方法 首先检查你的布局是否有问题，具体方法是页面生成后发生高度塌陷再使用控制台缩放页面大小时，引起页面重绘后高度恢复正常，这时候说明你的布局是没问题。若仍旧高度塌陷，请你先检查你的布局代码。 若布局没有问题，则需要在updated钩子中使用el-talbe自带
阅读全文
摘要：vue2 router的几个坑总结 需求：vue2 动态路由中不同菜单目录引用同一个组件页面，通过给接口传入不同的参数来区分页面。 vue通过切换路由如果仅仅query或者params参数发生变化，这时候能看到地址栏的url地址确实发生了变化，但是页面数据就是没刷新。 // query参数 http
阅读全文
摘要：前端通过html2canvas和JsPDF插件将全部或部分网页按照PDF图片导出 建议放入项目中工具文件夹下，部分引入。 import html2Canvas from 'html2canvas'; import JsPDF from 'jspdf'; /******* * @description
阅读全文
