lzping_719的专栏

使用 highlight 选项给围栏代码块应用语法高亮功能，或者使用完全的包裹器覆盖。在div容器中添加类名markdown-body。使用gitHub风格的样式。

这样就配置完毕啦，当我们使用 git commit -m “xxx” 时，lint-staged 会自动执行帮我们进行代码质量与风格的修复。配置完成之后我们对代码风格的配置只会使用prettier的配置，相当于将eslint中冲突的规则覆盖掉了。运行之后就会出现.husky文件夹，之后我们就可以配置在GItHook中执行的操作啦😀。我们还可以配置忽略文件，让 StyleLint 不对这些文件进行校验。我们还可以配置忽略文件，让 ESLint 不对这些文件进行校验。然后配置一个初始化 Hysky 的命令。

router在使用过程中如果我们直接在一个文件的一个数组中配置，最后路由越来越多会导致不易管理，我们可以将一个页面的路由配置在一个数组中最后统一导入，这样就会方便很多。我们在/src/api下建立不同的文件夹代表不同类型的API，在index.ts中编写接口配置，在types.ts中编写接口所需的请求参数类型以及响应类型。使用的时候我们可以直接在组件中引用，也可将其封装在store的action中，将相关的store与接口关联起来。使用的时候我们直接在需要使用store数据的组件中引用并使用即可。

【代码】在访问指定 URL（如 /chat）时加载特定的 JS 脚本，离开该页面时移除动态加载的 ＜script＞ 标签。

/ 获取滚动容器 DOMif (!console.warn('未找到下拉选择框的滚动容器');return;// 防抖处理滚动事件// 预留 6 像素的位置用于触底检测// 触发外部传入的回调}, 170);// 绑定滚动事件// 存储引用以便后续解绑handle},// 检查指令是否有存储的引用// 移除事件监听器// 清理存储的引用// 辅助函数：查找下拉选择框的滚动容器// 尝试直接查找。

在vue.config.js（或者配置config了的，就在config下的index.js ）文件下设置devServer中的public属性值需要修改为自己电脑 IPV4 地址 ,获取IPV4 地址方法，Win + R 打开运行窗口，输入 ipconfig 回车后会出现一串信息，复制IPV4 地址即可。调试地址，但是无法访问，还需设置一下vue.config.js 和 package.json 文件。文件中 scripts 下的 dev 或者 serve 后面加上 --host 0.0.0.0。

摘要：h函数是Vue中用于创建虚拟节点(VNode)的核心API，接收元素类型、属性和子节点三个参数。它支持手动编写灵活的渲染逻辑，适用于组件库开发、性能优化等场景。Vue2中使用createElement，Vue3直接引入h函数。其原理是通过规范化参数并构建VNode对象，配合diff算法实现高效DOM更新。常见应用包括动态内容渲染、JSX转换和无模板组件开发，能精确控制DOM结构并优化渲染性能。（149字）

flv.js 是一个基于 HTML5 Video 标签和 Media Source Extensions（MSE）实现的纯 JavaScript FLV 视频播放库。它允许用户在浏览器中直接播放 FLV 格式的视频，而不需要安装额外的插件。该库的目标是提供一个轻量、易用且功能强大的解决方案来处理 FLV 视频。flv.js 的核心原理是利用 MSE API 将 FLV 流分段加载并传递给 Video 标签。

在Vue组件的mounted钩子中，使用videojs初始化了播放器。将video标签传递给videojs构造函数，并在构造函数中传递了一些选项。然后，通过src方法将本地.mp4文件加载到播放器中，并使用play方法自动播放。在上面的示例中，首先引入videojs和video.js的CSS文件。然后创建了一个video标签，并使用ref属性来引用它。在组件销毁之前，使用了beforeDestroy钩子来销毁videojs播放器，以避免内存泄漏问题。

建立resetMessage.js文件。

【代码】upload文件上传。

通过上述方法，你可以轻松实现 Ant Design Vue 表格中根据“项目区域”动态合并单元格的功能。如果有其他需求或问题，请随时补充说明！在 Ant Design Vue 的表格中，如果需要根据第一列（如“项目区域”）的值进行动态合并，可以通过。以下是完整的代码示例，展示如何根据“项目区域”相同的行数据，合并第一列单元格。

Swiper 是一个非常强大且灵活的滑块库，适用于移动端和桌面端。它提供了丰富的配置项来满足不同的需求。

Notepad++小巧，当记事本使用，但是又想代码高亮显示。步骤：打开 C:\Users\xxx\AppData\Roaming\Notepad++目录下的文件langs.xml以下步骤，要学会调试，首先把vue扩展名加入到html里，看看notepad++能否显示除了antd特有标签的其它html标签？如果可以，才能继续。我所使用的notepad++版本，也许和读者的不一样。要区别对待。

web播放实时视频流的几种方案对比，详见此处本组件发布在git开源giteegithub，欢迎各位一起优化和fork，拉取后可直接运行demo，同时发布到了npm中，可直接安装使用giteegithub官网地址jsmpeg为MIT开源协议，不用考虑版权问题跨平台windows、linux都可用，只跟浏览器有关系，对浏览器可能有点小要求（版本越新越好），IE浏览器实测也是可以用的本文仅在局域网验证，如果是公网或跨网项目，需要自行解决摄像机拉流问题（可参考GB28181协议，设备主动注册服务器）

海康：rtsp://admin:hk123456@192.168.1.63:554/h264/ch1/main/av_stream。子码流：rtsp://admin:hk123456@192.168.1.63:554/h264/ch1/sub/av_stream。否则会报错，报错信息写在了日志里，在[工具]>[消息]里可以看到。三星：rtsp://admin:4321@127.0.0.1:554/onvif/profile2/media.smp。景阳：rtsp://IP:554/snl/live/1/1。

文章讲述了在Vue项目中使用el-upload组件时遇到的文件上传问题，即第二次点击按钮无响应。原因在于上次上传的文件流未被清除。作者提供了通过ref关联组件并在on-success回调中调用方法来解决这个问题。

<template> <div class="app-container" style="padding: 0;"> <el-dialog class="resource-dialog" :title="$t('CMS.Resource.SelectorTitle')" :visible.sync="visible" width="1010px" :close-on-click-modal="false"

在使用Ant Design的Table组件时遇到的滚动列出现空白的问题。原因是所有列设置的固定宽度总和小于表格宽度，导致出现额外的空白列。为解决此问题，建议至少保留一列不设定宽度，使其自适应宽度，从而避免空白列的出现。

研究了一个插件 列表自动滚动的插件vue-seamless-scroll感受这是个做大屏可视化时可靠帮手请欣赏一下效果图如图所示可以看到 它自动向上滚动 以及鼠标移动进入表格则停止滚动​</</</</</</</</</</</</exportdefaultdatareturnstatusfalselistData'title''无缝滚动第一行无缝滚动第一行''date''test''测试''test2''测试2''test3''测试3''title'

官方文档：https://lbs.amap.com/api/javascript-api-v2/summaryAPI 文档 ：http://https://lbs.amap.com/api/javascript-api-v2/documentation个别接口有每日调用限制，如不满足使用需要购买服务包 流量限制说明-地图 JS API 2.0 | 高德地图API*准备工作：（注册成为高德开发者进入应用管理，创建新应用，新应用中添加 key，服务平台选择 Web端(JS API)）具体示例：准备

<template> <div class="app-container" style="padding: 0;"> <el-dialog class="resource-dialog" :title="$t('CMS.Resource.SelectorTitle')" :visible.sync="visible" width="1010px" :close-on-click-modal="false"

id=1，刷新页面后参数id还在，会一直保留，也就是说，query传参刷新页面后可以保存。使用用 query 来传参，这种方式是可以解决页面刷新参数消失问题的，query这种方式可以理解为是 ajax 中的 get 方法，参数是直接在 url 后面添加的，参数是可见的，所以解决页面刷新参数消失问题建议使用此方法来解决。直白的来说query相当于get请求，name和path都行，通过this.$route.query获取，页面跳转的时候，可以在地址栏看到请求的参数名以及参数值，刷新页面，参数会一直保留_

文章讲述了在Vue项目中使用el-upload组件时遇到的文件上传问题，即第二次点击按钮无响应。原因在于上次上传的文件流未被清除。作者提供了通过ref关联组件并在on-success回调中调用方法来解决这个问题。

属性，可以用来渲染额外的页脚内容。你可以利用这个属性来添加“本周”、“本月”和“本年”的按钮。属性来渲染包含“本周”、“本月”和“本年”按钮的额外页脚。每个按钮都绑定到相应的方法，这些方法会将。这样，你就能够在日期选择器中添加快速选择当前一周、当前月份和当前年份的功能。： 在你的其他 Vue 组件中引入并使用这个自定义的日期选择器组件。方法中的 JSX 替换为返回一个 Vue 模板字符串即可。如果你更喜欢使用模板语法，也可以这样做，只需将。： 创建一个新的 Vue 组件，例如。在这个示例中，我们使用了。

在使用 Element UI 的组件时，如果你需要从选中的选项中提取各级的名字并拼接成一个字符串，可以通过监听的change事件来实现。当用户选择了一个选项后，你可以访问到选中的值，并根据这些值去options中查找对应的名字。

动态 Class对象语法：适合简单的布尔条件。数组语法：适合多个类名的组合。组合对象和数组语法：适合更复杂的逻辑。动态 Style对象语法：直接在模板中使用对象来设置样式。计算属性：适合更复杂的样式逻辑。

在 Vue 前端项目中，使用 Element UI 的el-table组件导出数据是一个常见的需求。你可以使用file-saver库来处理文件下载，并结合xlsx库来生成 Excel 文件。以下是一个完整的示例，展示如何实现这一功能。

vue3-video-play视频播放插件基于原生的HTML5的 标签 开发，所以支持的视频格式和一致，并且支持标签的所有原生属性和方法。vue3-video-play视频播放插件基于原生的HTML5的 标签 开发，所以支持的视频格式和一致，并且支持标签的所有原生属性和方法。

【代码】Vue监听浏览器窗口的变化。

跳转到指定url路径，但是history栈中不会有记录，点击返回会跳转到上个页面 (直接替换当前页面)。跳转到指定url路径，并向history栈中添加一个记录，点击后退会返回到上一个页面。下面功能：当点击list.vue中的查看按钮，跳转到detatil.vue页面。用法同上，和第2个的this.$router.push方法一样。向前或者向后跳转n个页面，n可为正整数或负整数。向前或者向后跳转n个页面，n可为正整数或负整数。通常用于点击 查看 按钮，跳转到其他页面。

这样可以根据数据的变化来动态改变元素的样式，实现更灵活的样式控制。通过数组语法，可以根据多个条件的组合来决定元素应该添加哪些类，实现更复杂的样式控制。通过数组语法，可以根据多个条件的组合来决定元素应该具有哪些样式，实现更灵活的样式控制。数组语法，可以实现更复杂的样式控制，根据多个条件的组合来动态改变元素的样式，满足不同的需求。通过数组语法，可以根据多个条件的组合来动态控制元素的样式，实现更灵活的样式控制。指令，可以实现根据数据的变化动态改变元素的样式，包括颜色、大小、位置等。

【代码】Vue组件中引入CSS样式。