- 博客(68)
- 收藏
- 关注
RSS订阅原创 Vue3 实现拖拽小图片覆盖大图片并下载合并后的图片
2. 拖拽小图片使用 来引用大图片和小图片，并通过监听鼠标事件来实现拖拽功能。使用 HTML5 Canvas 来绘制合并后的图片，并提供下载功能。在组件挂载完成后，动态创建一个下载按钮并添加到页面中。
2024-11-09 15:47:45
888
原创 Vue 3 对接保利威云点播播放器实践
首先，需要在项目中引入保利威的云点播播放器脚本。这个播放器的脚本可以从保利威的官网获取。我们将使用 Vue 3 的onMounted这些生命周期函数来加载和卸载播放器。
2024-10-24 17:34:19
462
原创 在 Vue 3 中实现电子签名组件
在 Vue 3 中实现一个简单的电子签名组件，并解决一个常见问题：当签名组件放在弹窗内时，鼠标绘制会出现偏移的问题。
2024-10-22 18:23:14
521
原创 Vue3 使用CryptoJS加密
现在的互联网世界充满了各种各样的信息，有些信息非常重要，比如密码、个人信息等。如果我们把这些信息直接发送到服务器，别人可能会截取到，然后偷走我们的信息。为了避免这种情况发生，我们需要把重要的信息变成别人看不懂的东西，这就是加密的作用。CryptoJS 是一个非常好用的 JavaScript 库，它能帮我们加密和解密信息。另外还有一个叫“偏移量”的东西，它可以帮助我们更好地加密信息。这个函数接收加密后的文字，然后返回正常的明文。我们创建一个简单的 Vue 组件，让用户输入一些信息，然后可以加密和解密。
2024-10-12 11:19:42
799
原创 Element-plus el-form、el-dialog 数据回显同时用时，重置失效问题
当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。
2024-10-12 10:41:56
700
原创 H5扫码 html5-qrcode + React中使用
是一个轻量级的库，可以让你在网页上轻松实现二维码扫描功能。它支持多种设备和浏览器，并且提供了丰富的配置选项。注：网络协议必须是HTTPS协议，否则访问不了手机摄像头。
2024-09-23 11:54:21
383
原创 React + Vite 多环境配置
React + Vite 多环境配置 设置读取制定 .env文件 ，默认读取.env.production。
2024-09-19 14:31:24
494
原创 node_modules/@types/lodash-es/node_modules/@types/lodash/common/object.d.ts:1026:46
因为重新安装了依赖，一些外部库升级，用到了ts的新语法，报错内容就是TS语法不兼容。我的ts版本为4.5.5 所以在打包的过程中会报错。解决方案：提升ts至兼容版本，或直接升到最新版本。
2024-08-03 10:29:59
1760
原创 阿里ChatSDK使用,开箱即用聊天框
介绍：效果：智能助理ChatSDK，是在ChatUI的基础上，结合阿里云智能客服的最佳实践，沉淀和总结出来的一个开箱即用的，可快速搭建智能对话机器人的框架。它简单易上手，通过简单的配置就能搭建出对话机器人；同时它强大易扩展，通过丰富的接口和自定义卡片满足各种定制化需求。注意： npm包仅限阿里集团内部使用外部客户可以使用cdn方式引入ChatSDK，然后配置externals @ali/chatui-sdk为ChatSDK,详细怎么引入可以看：viteExternalsPlugin 插件管理外部依赖-CSD
2024-07-12 22:09:17
1374
1
原创 viteExternalsPlugin 插件管理外部依赖
viteExternalsPlugin 是一个 Vite 插件，用于将指定的模块或库配置为外部依赖。比如从项目 index.html 中引入一些SDK文件，我这个是引入的CHATUI。直接想引入插件一样引入即可。
2024-07-12 20:14:54
855
2
原创 Element-plus DatePicker 日期选择器【正则校验时间范围】
Element-plus DatePicker 日期选择器【正则校验时间范围
2024-04-24 17:44:33
574
原创 将本地分支还原到上游状态 【Git Reset:重置本地分支】
是一种破坏性操作，会删除您在本地的所有未提交更改。请务必在执行此操作之前确保您不再需要这些更改，因为它们将无法恢复。：首先，需要知道您的本地分支对应的上游分支的名称。命令将本地分支重置为指定的上游分支的状态。命令查看您的远程仓库信息，找到对应的上游仓库以及分支名称。相同的提交，丢弃本地的所有未提交更改。这将会将您的本地分支指向与。，则可以执行以下命令。
2024-03-18 10:10:00
708
原创 HarmonyOS开发工具DevEco Studio安装以及汉化
支持ArkTS/TS语法规则、最佳实践及通用编程规范检查，支持自定义检查范围、生效规则及告警级别;支持HAR包的编译构建，并支持配置HAR包的混淆能力，生成相应的静态共享包;支持HAR包引用方的构建打包，支持HAR包的编辑联想。支持在Stage模型和模块化编译方式下开发HSP，以及共享HSP给应用内其他模块使用;OHPM CLI作为鸿蒙生态三方库的包管理工具，支持OpenHarmony共享包发布、安装和依赖管理。面向HarmonyOS应用及元服务开发者提供的集成开发环境(IDE)， 助力高效开发。
2024-02-05 12:00:05
1074
原创 Webpack cl5 vue.config.js配置【性能优化】
【代码】Webpack cl4 配置。打正式包去掉注释/黄色警告/console.logautoprefixer 样式自动添加浏览器前缀：配置路径别名
2023-12-11 18:29:45
738
原创 Vue3使用阿里云OSS直传
首先获取临时访问凭证包括临时访问密钥（AccessKey ID和AccessKey Secret）和安全令牌（SecurityToken）获取临时密钥加安全令牌，通过从后端获取，令牌存储前端非常不安全，可以通过抓包工具进行抓取。使用elemet-plus上传组件，自定义上传。上传组件绑定ref,手动控制上传。
2023-12-04 16:36:45
2236
原创 项目环境配置 本地/测试/预发/生产
dev测试环境 development 本地开发环境 production 生产环境 uat预发布环境。npm run build:dev 打包测试环境。npm run build:uat 打包预发环境。npm run build 打包生产环境。配置vue.config.js。配置package.json。在本地目录下新建文件。
2023-11-23 17:20:46
364
原创 解决Window11 C:\Windows\System32\drivers\etc hosts 无法编辑问题
解决Window11 C:\Windows\System32\drivers\etc hosts 无法编辑问题
2023-11-15 09:51:24
1539
原创 Vue3使用 xlsx 导出excel 数据
首先，在你的 Vue 3 项目中使用 npm 或 yarn 安装 xlsx 库。在你的 Vue 组件中，创建一个方法来处理数据并导出 Excel。二、创建一个导出 Excel 的方法。一、安装 xlsx 库。
2023-11-08 18:16:43
966
1
原创 Element Plus 解决组件显示英文问题
要解决Element Plus日历组件显示英文的问题，可以使用Element Plus提供的国际化功能，切换成中文语言。
2023-11-07 18:29:08
836
原创 React项目中使用Fabric.js
Fabric.js是一个强大且灵活的JavaScript HTML5 canvas库。它允许你通过一种友好且易于使用的方法创建和处理对象。总的来说，Fabric.js是一个非常强大的库，用于创建和处理HTML5 canvas图形。它的友好性和易用性使得开发者可以快速上手并创建出复杂的图形和动画。
2023-10-30 13:54:08
935
原创 Vue 初始化样式 normalize.css
例如在某些浏览器中，特定的标签可能会带有一些奇怪的样式或者尺寸。使用normalize.css可以解决这些问题，使得网站的展示更加稳定和美观。：使用normalize.css可以大大提高开发效率，因为它消除了很多浏览器默认样式带来的问题，让开发者可以更专注于网站界面的设计和实现。：不同浏览器对于标签的默认样式存在差异，使用normalize.css可以让不同浏览器中的网页元素显示更加一致。：normalize.css是一个易于使用和定制的CSS文件，用户可以根据自己的需求轻松地进行适当的修改和扩展。
2023-10-08 16:07:01
817
原创 常用的时间转换方法
三、将时间转换为 `几秒前`、`几分钟前`、`几小时前`、`几天前`（场景：聊天记录）date 当前时间，new Date() 格式。format 需要转换的时间格式字符串。
2023-09-26 09:54:50
723
原创 高德地图实现画圈搜索（画圈找房等）
实现画线功能，比较麻烦，转换思维，我们可以将用户鼠标划过的。，最终我们通过高德地图中的数学计算库，获取圈内的数据;，在项目中引入高德地图组件，申请Key,初始化地图；通过高德地图里面的数学计算公式。，在地图上渲染标记点，动态渲染一个个标记点；，在地图上渲染标记点，动态渲染一个个标记点；在这里进行调用否则获取不到实例；二、这时候我们绑定画圈事件；将圈内的东西进行填充；
2023-09-25 19:15:25
1338
原创 React，Vue3自定义Hooks
使用 Axios 进行异步请求的组件中使用这个自定义 hooks。下面用React封装一个异步请求的Hooks。Composition(组合式) API。可以调用React的内置hooks。使用Vue封装一个自动获取焦点的。
2023-09-06 18:59:48
171
原创 jenkins自动化部署
Jenkins：是一个开源的、提供友好操作界面的持续集成(CI)工具，主要用于持续、自动的构建的一些定时执行的任务。Jenkins用Java语言编写，可在Tomcat等流行的容器中运行，也可独立运行。
2023-08-30 19:24:48
1999
原创 Linux系统Docker部署Mysql数据库
Docker Hub上有官方的MySQL镜像，您可以使用以下命令从Docker Hub拉取MySQL 5.7版本的镜像。您需要设置适当的MySQL根密码，并将容器的端口映射到主机的端口。：运行以下命令以创建并。
2023-08-28 20:33:18
316
原创 Linux配置Docker、镜像加速器
Docker 镜像（Image），就相当于是 一个 root 文件系统。比如官方镜像 ubuntu:16.04 就包含了完整的一套 Ubuntu16.04 最小系统的 root 文件系统.镜像（Image）和容器（Contain er）的关系，就像是面向对象程序设计中的类和对象一 样，镜像是静态的定义，容器是镜像运行时的实体。Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中，然后发布到任何流行的 Linux 机器上。docker images -q # 查看所用镜像的id。
2023-08-28 19:23:00
874
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人