- 博客(23)
- 收藏
- 关注
RSS订阅
原创 ECharts中legend分两行显示
data() {return {legendData: [],//原始数组oneData: [],//第一行twoData: [],//第二行},将数组分为两个相等的部分使用length/2和Math.ceil()方法找到数组的中间索引使用中间索引和Array.splice()或者Array.slice()方法获得数组等分的部分Math.ceil() 函数返回大于或等于一个给定数字的最小整数。
2023-02-15 14:14:02
4160
原创 vscode自用插件分享
Live Server插件用来自动加载热部署前端页面相关的文件（.html/.js/.ts/.css），简单来说就是：快速启动本地服务，自动监听，不需要刷新就能更新内容。标签时，自动重命名 HTML 标签的开始和结束标签。它可以帮助我们更好地理解代码，快速了解更改行或代码块的人员、原因和时间。Vue 开发必备插件，它为 Vue.js 提供了实用的工具，例如调试、错误检查、语法高亮、片段等。在图片的链接上时，可以实时预览该图片，除此之外，还可以看到图片的大小和分辨率。使用该插件，可以在重命名一个。
2024-08-23 09:26:05
427
原创 使用yarn安装与卸载包
它还会将该包的相关信息记录在项目的package.json文件中的dependencies或devDependencies节点下，这样其他开发人员也可以通过运行yarn install命令来安装这些包。随着项目的进行，依赖包版本可能需要升级。yarn可以轻松升级指定依赖包版本，也可以将所有依赖包版本升级到最新版本。该命令会将所有依赖包版本升级到最新版本，并更新package.json文件中的依赖版本。该命令会将指定包的版本升级到最新版本，并更新package.json文件中的依赖版本。
2024-08-22 11:31:01
452
原创 Windows：Node.js下载与安装教程
在Node.js安装界面，你可以选择是否安装Node.js自带的包管理工具npm。安装完成后，你可以在命令行中验证Node.js和npm是否安装成功。默认情况下，Node.js将安装在“C:\Program Files\nodejs”目录下。如果你想更改安装目录，请点击“Browse”选择你想要的目录。在选择附加操作界面，你可以选择添加Node.js到你的系统的“PATH”环境变量中。这样，你已经成功在Windows上下载和安装了Node.js。如果成功安装，你将看到Node.js和npm的版本号。
2024-08-21 08:52:20
353
原创 vue使用wsplayer对接大华实时视频流-h264、h265
然后在index.html中进行引入。拷贝到项目中，然后引用并创建播放器。引入 PlayerManager。3.将 demo 中的。
2024-08-20 13:48:18
2257
13
原创 vue根据后台接口返回数据循环生成echarts
是一个示例接口地址，你需要根据实际情况修改为你的接口地址。另外，图表的配置数据需要根据接口返回的数据进行处理，具体方式根据echarts的文档进行配置。这样，每次获取到接口数据后，会循环生成对应的echarts图表，并渲染到页面中。首先，在中，使用。然后，在中，使用。来循环生成echarts图表。来获取接口数据，并将数据保存到。请注意，上述代码中的。
2024-08-19 13:30:48
408
原创 vue使用WebSocket进行实时通讯
请注意，上述示例仅为演示WebSocket实时通讯的基本流程，具体的实现方式可能因后端服务器的不同而有所差异。Vue中的组件可以通过将WebSocket实例定义在。上述示例中，创建了一个WebSocket实例，监听了。通过输入框和按钮，用户可以输入和发送消息。生命周期钩子中来实现实时通讯。事件，在接收到消息时将其添加到。
2024-08-19 11:32:36
392
原创 Echarts鼠标控制滚动以及自动滚动
在上述配置中，我们将toolbox的feature配置中的dataZoom的yAxisIndex设置为'none'，表示鼠标控制滚动只控制x轴。然后通过dataZoom配置中的type:'slider'来显示滚动条，设置xAxisIndex为[0]表示只控制第一个x轴，zoomLock设置为true表示禁止通过鼠标拖拽来缩放。对于自动滚动，可以使用Echarts的dataZoom组件和定时器来实现。对于鼠标控制滚动，可以使用Echarts的toolbox组件来实现。以上代码将会每4秒滚动一次。
2024-08-16 10:24:56
707
原创 使用element UI Cascader 级联选择器实现省/市/区选择
注意，在上面的代码中，我们将 pcaTextArr 数据赋值给 options 属性，设置了 value、label 和 children 的属性名，以便正确地显示省/市/区的名称。这样，就可以使用 Element UI Cascader 组件和 element-china-area-data 库来实现省/市/区选择功能。首先，安装并引入了 Element UI 和 element-china-area-data 库。
2024-08-16 09:48:11
663
原创 前端打包优化的方法
异步加载：对于一些不是立即需要的资源，可以使用异步加载的方式加载，从而提高页面的加载速度。按需加载：将项目中的组件、模块等按需加载，减小初始加载的体积，提高页面的加载速度。可以使用工具（如webpack的代码分割、按需加载等功能）来实现。代码压缩：通过使用压缩工具（如UglifyJS、Terser等），将代码中的空格、注释、无效代码等进行压缩，从而减小代码体积，提高加载速度。优化图片加载：使用合适的图片格式（如WebP、AVIF等），选择合适的图片尺寸，并使用懒加载等技术，来提高图片的加载速度。
2024-08-15 09:31:20
656
原创 微软Edge浏览器全解析
微软Edge浏览器是由微软开发的一款网页浏览器。它最初于2015年作为Windows 10的默认浏览器发布，并取代了微软之前的Internet Explorer浏览器。总体而言，微软Edge浏览器是一款功能强大、性能优越且安全的网页浏览器。它适用于Windows 10操作系统，并提供了许多实用的功能和工具，以提升用户的浏览体验。用户界面：微软Edge浏览器拥有现代化的用户界面，具有清晰的布局和直观的导航工具。笔记和批注：微软Edge浏览器具有内置的笔记和批注工具。
2024-08-15 09:29:45
260
原创 提升前端性能的JavaScript技巧
使用节流和防抖：对于频繁触发的事件，使用节流（throttling）和防抖（debouncing）技术来限制事件触发的频率，减少不必要的计算和DOM操作。压缩JavaScript代码：使用工具（如UglifyJS等）来压缩和混淆JavaScript代码，减小文件大小，提高加载速度。使用缓存：对于不经常变更的JavaScript文件，使用适当的缓存策略，以减少服务器请求并提高加载速度。延迟加载JavaScript：将不需要立即执行的JavaScript代码延迟加载，以减少初始加载时间。
2024-08-14 10:35:38
461
原创 Ant-Design-Vue快速上手指南+排坑
如果你使用的是Vue 3.x版本，目前Ant Design Vue还没有官方支持Vue 3.x的版本，可以考虑使用其他UI组件库或者等待Ant Design Vue发布Vue 3.x版本的更新。确保你正确引入了需要使用的组件，并按照官方文档中的示例正确使用组件的props和事件。使用Ant Design Vue组件 现在，你可以在你的Vue组件中使用Ant Design Vue的组件了。引入Ant Design Vue组件 在你的Vue项目中，你可以选择全局引入所有的组件，或者按需引入需要使用的组件。
2024-08-13 17:27:58
439
原创 npm用法
这只是一个简单的npm教程，了解了这些基本概念后，你可以深入研究npm的更多功能和命令。你可以参考npm的官方文档（https://docs.npmjs.com/）了解更多信息。安装Node.js：首先，你需要在计算机上安装Node.js。你可以从Node.js的官方网站（https://nodejs.org/）下载安装包，并按照安装向导进行安装。此命令将会引导你填写项目的基本信息，如名称、版本、描述等。以下是一个简单的npm教程，介绍如何在项目中使用npm。安装后，相关的依赖将会被下载并存储在项目的。
2024-08-13 16:34:00
191
Vue2 + 高德地图：打造高性能地理信息应用的秘籍
2024-08-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人