SunFlower914的博客

【代码】js获取操作系统类型/操作系统版本、浏览器类型/浏览器版本、判断是否为IE或兼容IE内核的浏览器。

前端实现一键复制功能

在编辑器生成的文本内容的预览基础上要加上批注功能，用户选中文本后就要弹出批注弹窗，确认批注后右侧会相应展示出批注内容，同时在右侧进行批注的编辑、删除。

vue3中通过vditor插件实现自定义上传图片、录入echarts图表、任务列表、表情包、流程图、时序图、脑图、markdown语法的编辑器

options中的soure.type可选值切换后，type类型一定要和src值返回的数保持一致，否则资源无法加载成功；鼠标点击进度条后视频直接重置到了起点，这个问题可以参考

axios+stream这个方法和网上搜索出来的大多数流失接口方法一致，但是在axios中设置responseType为 "stream"，后控制台会警告：The provided value 'stream' is not a valid enum value of type XMLHttpRequestResponseType.因为axios基于XMLHttpRequest原生，而并XMLHttpRequest原生不直接支持responseType: 'stream'这个值。可以使用fetch来发送请求

本实例提供在vue3项目中实现对指定区域的图片进行预览、拖拽、缩放、播放等基础配置操作，​下载以来后在js中在页面挂载完成后开始创建一个Viewer示例，第一个参数是图片所在的区域，第二个参数为Viewer内置的一些工具栏配置...

在页面中iframe加载到内容的情况下，无论怎么获取，js拿到的iframe内部都是空的，观察发现iframe的地址和项目的地址没有满足同源策略...

"@antv/x6-plugin-stencil": "^2.0.0", // 如果使用 stencil 功能，需要安装此包。"@antv/x6-plugin-clipboard": "^2.0.0", // 如果使用剪切板功能，需要安装此包。"@antv/x6-plugin-keyboard": "^2.0.0", // 如果使用快捷键功能，需要安装此包。"@antv/x6-plugin-dnd": "^2.0.0", // 如果使用 dnd 功能，需要安装此包。9、保存/设置节点数据。

vue3使用@imengyu/vue3-context-menu完成antv/x6右键菜单：npm i@imengyu/vue3-context-menu@1.3.6

current和prev可设置为变量去动态改变数据；

1、前端下载socket.io：npm isocket.io-client@4.6.24。2、 vue文件中引入socket.io并与服务端建立连接 。3、监听连接成功/失败事件。3、成功建立连接后发送&接收消息。

monaco-editor必须安装，余下两个根据你的项目类型去下载npm install monaco-editor@0.44.0 --save-devnpm install monaco-editor-webpack-plugin@6.0.0 --save-devnpm installvite-plugin-monaco-editor@1.1.0-save-dev

【代码】ace-builds&vue3-ace-editor代码编辑器+弹窗放大功能。

需求：在一个dialog中使用了多个el-select提供选择用户、角色、部门等入口，但是每次打开弹框的时候都需要等很久才能将已选数据回显出来，而且在页面加载完成前鼠标无法操作dailog。先自定义一个监听select下拉框滚动的指令，通过。main.js中全局注册这个自定义指令。

【代码】vite+v3批量一次性引入本地图片(简单做法) 开发步骤：在assets/fileTypes文件夹中将你需要的png图片导入，并使用文件类型来命名图片(如docx.png)使用import.meta.globEager将assets/fileTypes下所有的png图片引入通过遍历Object.keys(files)使用正则匹配出每个图片的名称，用文件类型做name，文件路径做图片路径创建一个数组；在img图标的src定义方法，返回文件路径即可

富文本插件的时候来回切换导致的，报错的意思是你的富文本编辑器内部已经注册过clearAll这个菜单了，不允许在重复注册。首先要知道，出现这个报错是因为你在使用。

tinymce从引入vue项目到使用步骤，包含修改tinymce数据、引入中文包的两种方式、setContent赋值无效解决办法、工具栏展示方式、更换界面UI主题、插入不间断空格、自动调整编辑器大小、emoji表情、预览、文字计数、列表插件、字体字号等配置

vue中转换base64文件数据后通过blob下载：可以看到这里我要转换的数据是content字段，即将base64文件数据转换后下载下来，1.atob先解码base64数据；2.获取解码后的字符串长度；3.初始化一个 8 位无符号整型数组...

在vscode某分支上操作git add 及 git commit后使用git push提交出现的警告。观察vscode左下角分支名称是一个随机码，说明我们当前不在自己的git分支上开发。如果需要提交代码 执行git push origin 新分支名称 即可。git checkout -b 新分支名称。执行上面的命令还原到该提交并创建一个新的分支。是你想要推送到的远程仓库的分支名称。(此处为hash值)