vue3+TS中使用WangEditor 5 使用记录

yjITcsdn — Thu, 07 Mar 2024 09:58:58 +0800

可以使用Boot.registerModule() 方法，在实际使用时，需要判断一下是否已经注册过某项自定义工具，注册过不再重复注册。可用getAllMenuKeys判断。例如需要判断Rewrite，可以打印以下代码查看结果文字和图标二选一，当需要的时图标+文字时，考虑把文字和图标做成一个图标，然后再去调样式可使用官方文档提供的两个通过 type 获取编辑器的 element 列表的API，getElemsByTypePrefix和getElemsByType来实现。

ElementUI-tree拖拽功能与节点自定义

yjITcsdn — Mon, 06 Nov 2023 19:15:07 +0800

ElementUI-tree拖拽功能与节点自定义

在axios中获取文件上传进度

yjITcsdn — Wed, 23 Aug 2023 18:02:18 +0800

1.在axios 全局配置的文件中加入一个postFile 方法在上传文件时调用。2.选择文件符合上传格式要求后，调用 uploadFile 上传。

vue上传音视频文件并获取时长

yjITcsdn — Fri, 28 Jan 2022 11:20:51 +0800

音视频文件获取时长

用fingerprintjs2.js 生成浏览器标识

yjITcsdn — Fri, 28 Jan 2022 10:09:21 +0800

fingerprintjs2.js是一个生成浏览器指纹标识的库。可以预先新建一个文件，将获取标识的方法写成公共的，方便在任何地方调用。新建名为myFingerprintjs2的js，js中引入fingerprintjs2.js import Fingerprint2 from 'fingerprintjs2' 开始封装公共方法 export function requestIdleCallback2() { return new Promise((resolve) => {

vue:使用JSEncrypt做RSA加密解密

yjITcsdn — Fri, 04 Jun 2021 16:03:44 +0800

import JSEncrypt from 'jsencrypt'

使用canvas 绘制象棋棋盘

yjITcsdn — Tue, 27 Apr 2021 18:07:34 +0800

先看效果图吧 O(∩_∩)O哈哈~ 代码在这里绘制象棋</ </article> <article> <h1>在vue中使用echarts,实现代码复用</h1> <p>yjITcsdn — Mon, 26 Apr 2021 11:47:56 +0800</p> 开发中一般都会选择echarts来绘制图表，使用也很方便。安装echarts npm install echarts --save // 或者 cnpm install echarts --save 引入 ECharts 在main.js中引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts 渲染器的使用默认使用 Canvas 渲染，Canvas 更适合绘制图形元素数量非常大。如果想使用 SVG 渲染，代码中须包括有 S </article> <article> <h1>前端使用ali-oss实现文件上传到oss</h1> <p>yjITcsdn — Wed, 21 Apr 2021 17:05:54 +0800</p> ali-oss 安装依赖 npm/cnpm install ali-oss --save 创建自己的ossClient.js const OSS = require('ali-oss'); export default function Client(data='custom-data') { // console.log('bucket',data) return new OSS({ region: "custom-region", accessKeyId: "cus </article> <article> <h1>敲好用的图片压缩工具image-conversion</h1> <p>yjITcsdn — Tue, 20 Apr 2021 18:09:02 +0800</p> image-conversion image-conversion 下载依赖 npm/cnpm i image-conversion --save 封装成单独的文件img-util.js const imageConversion = require("image-conversion") /** * file:文件 * config:{ //压缩配置 * size Number 指定压缩大小 * scale Number 相对于原始图像的缩放比例，范围0-10 </article> <article> <h1>微信开发标签-wx-open-launch-app</h1> <p>yjITcsdn — Wed, 14 Apr 2021 17:06:23 +0800</p> 写在前面的话开发标签说明引入jsdk在vue中使用今天，你的小伙伴找你帮忙砍价了吗？人生不如意之事十有八九，踩坑记文又增加了。在微信浏览器中打开打一个H5页面后，要能打开指定App。因微信限制问题，可以采取其他办法。比如在H5中引导用户在浏览器中打开链接，或者才有微信官方提供的方法。还是进入正题吧。。。。。开发标签说明 wx-open-launch-app是用于页面中提供一个可跳转指定App的按钮。属性名称必填默认值备注 appid 是所需跳转的AppID </article> <article> <h1>vconsole的使用</h1> <p>yjITcsdn — Wed, 14 Apr 2021 17:03:25 +0800</p> vconsole用于移动网页的轻量级，可扩展的前端开发人员工具。特别在移动端调试的时，能够更方便的查看控制台日志、查看网络请求、查看文件元素 … 在.html 中使用，需在<head></head> 加入以下代码 <script src='https://cdn.bootcss.com/vConsole/3.2.2/vconsole.min.js' type="text/javascript" charset="utf-8"></script> < </article> <article> <h1>前端理论合集2</h1> <p>yjITcsdn — Wed, 10 Jun 2020 15:41:15 +0800</p> 1.vue 中MVVM的理解？答： MVVM就是Model-View-ViewModel 。 Model就是数据模型（亦指数据层）可以是我们固定死的数据，也可以是来自服务器请求来的数据。View就是页面DOM（亦指视图层）主要就是向用户展示信息的。ViewModel 在vue中就是指vue实例（亦指数据模型层）充当View与Model之间通信的桥梁。 2.vue生命周期的作用是什么？答... </article> <article> <h1>在vue中以组件的方式写一个自定义加载框</h1> <p>yjITcsdn — Tue, 28 Apr 2020 10:39:40 +0800</p> 加载框基本样式和逻辑 <template> <div class="my_loading_box" v-if="loading_show"> <div class="l-wrapper">  <svg viewBox="0 0 120 120"> &l... </article> <article> <h1>Element 之DatePicker 时间选择器</h1> <p>yjITcsdn — Tue, 28 Apr 2020 10:27:59 +0800</p> 简单记录日期选择器，日期间隔60天的时间选择器逻辑处理 html <el-form-item label="开票时间"> <el-col :span="11"> <el-form-item prop="SatrtTime"> <el-date-picker t... </article> <article> <h1>前端理论知识合集1</h1> <p>yjITcsdn — Mon, 20 Apr 2020 16:16:32 +0800</p> 1. 浏览器渲染机制浏览器采用流式布局模型（Flow Based Layout）浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了渲染树（Render Tree）。有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点绘制到页面上。由于浏览器使用流式布局，对Render Tree的计算通常只需要遍历一... </article> <article> <h1>微信小程序之input组件setData修改值触发bindinput事件</h1> <p>yjITcsdn — Mon, 20 Apr 2020 15:35:56 +0800</p> 事件 </article> <article> <h1>记一次使用css 实现斜线表头</h1> <p>yjITcsdn — Wed, 08 Jan 2020 10:18:53 +0800</p> 相关代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>斜线表头

yjITcsdn的博客

vue3+TS中使用WangEditor 5 使用记录

ElementUI-tree拖拽功能与节点自定义

在axios中获取文件上传进度

vue上传音视频文件并获取时长

用fingerprintjs2.js 生成浏览器标识

vue:使用JSEncrypt做RSA加密解密

使用canvas 绘制象棋棋盘