云帆的博客

支持lua语法高亮简易的语法提示(根据当前代码中的关键字)可以按需导入功能与模块不支持lua代码校验不支持lua代码格式化lua语法提示不满足需求没有全量导入功能，当导入大量模块和功能时，需要写很多import，不方便管理...支持lua语法高亮支持lua代码校验支持lua代码块折叠基础语法提示，提供部分代码片段可以按需导入功能与模块不支持lua代码格式化引入的模块，打包后会在根目录下产生很多js文件推荐使用@appguru/luafmt，或者基于。

js将图片/文件等资源保存(下载)到本地。

具体请见。

解决方法node-sass@4.x只能用python2编译，先下载python2.7，并添加到环境变量中如果已经安装了python3.x，想要共存的话，把python2.7文件夹下的Python.exe改为python2.exe还有一种方式就是直接配置npm最后运行npm i解决方法管理员方式打开cmd，运行以下命令，并等待安装完毕运行以下cmd后重新npm i

前言本文以2020年10月为时间节点，功能早就做了，但文章一直没有写研究过程根据项目需求，需要实现一个工作流/流程图设计器，并且可配置流转、活动节点、流程的各项属性，也是研究了多个方案自研方案使用svg方案（使用 svg.js库）来实现流程图的绘制，图形的拖拽、旋转、缩放、属性面板基本都实现了，但是无法解决连接线绘制的功能，后面尝试使用d3和jsplumb库来解决连接线的绘制，效果不是很好，研发时间给的不够、人手也不够，最后就放弃了svg.js+d3.jssvg.js+jsplumb.js

前言element-ui中的字体图标非常好用，那么如何在项目中使用自定义字体图标呢步骤进入iconfont官网，登录/注册一个账号；搜索你想要的图标，并且加入到购物车；顶部的购物车图标会显示当前库存数量，已入库的图标会显示虚线边框；点击顶部购物车图标，在点击添加到项目；如果还没有创建过项目，可以点击“+"按钮新增；添加到项目后，进入项目详情；一般选择font class模式，图标下方显示图标的font class名称；进入项目设置，修改字

问题描述运行npm i 安装依赖包时，npm报错：npm ERR! gyp info using node-gyp08.4.1npm ERR! gyp info using node@16.14.2 I win32 |×64npm ERR! gyp ERR! find Python npm ERR! gyp ERR! find Python Python is not set from command line or npm configuration npm ERR! gyp ERR! find

前言在web中对svg图形的操作，我使用svg.js库挺久的了，对svg图形的拖动缩放我一直用的衍生插件svg.panzoom.jssvg.panzoom库对svg拖拽缩放的实现是对viewBox的设置来进行缩放的，至于使用viewBox来缩放、拖拽的原理，建议各位百度了解一下，不细说了（以后有空可以讲解一下）最近使用这个库拖拽svg发现了一个比较严重的性能问题（其实之前一个项目就发现了，不过当时没有这么卡顿且需求是只用同时预览一张图即可），对性能没有太大要求，便没有多管，现在这个项目是多tab页

在使用:not选择器时，发现在低版本谷歌不生效（绿色版谷歌73.0.xxxxx），css如下.uiot-container,.uiot-container--row { display: flex; position: relative; > * { box-sizing: border-box; } &:not(.uiot-aside, .uiot-main, .uiot-header, .uiot-footer, .uiot-overlayers) {

前情摘要：用 npm 装的全局 yarn自定义配置了 npm 的全局安装位置和缓存用yarn创建vite-vue项目时，运行项目报错【文件名、目录名或卷标语法不正确】原因分析：分别运行：yarn global binyarn global dir如果显示的不是同一个文件夹，那就要重新配置一下解决方法设置yarn全局文件夹：yarn config set global-folder "D\yarn\global"设置yarn缓存文件夹：yarn config set cac

前言web播放实时视频流的几种方案对比，详见此处jsmpeg项目地址：gitee、githubMIT开源协议此方案架构大致如下：jsmpeg比较重要的两个技术点：webgl、wasm，只需大致了解即可，若不对这两个模块进行二次开发，则无需深究1 安装与介绍1.1 安装npm 安装(这样无法二次开发)npm install jsmpeg -s二次开发方法（本文章介绍）    把jsmpeg.min.js拖入项目目录下，建议将此js文件

0 前言前端采用vue框架测试仅在Windows10下测试EasyPlayer.js的使用教程请看这里1 自行开发方案1.1 Rtmp方案方案描述：ffmpeg 将rtsp视频流转为rtmp视频流，通过nginx代理，web接入rtmp协议播放，需要flash支持后端：ffmpeg + nginx + nginx-rtmp-moduleffmpeg命令[仅供参考！！！]：ffmpeg -buffer_size 4096000 -rtsp_transport tcp -i rts

得益于vue-router对异步组件的支持，我们在异步import的then回调中修改组件的name，这样每个组件实例就有唯一的缓存键值，正常被缓存、销毁，并且路由名称也不会冲突了。当你想使用路由name跳转到其中一个路由时，由于三个路由重名了，可能会导致不是预期的结果。路由重名vue-router会报警告。效果和方案1一样，只是路由不用重名了。

使用的js库：xlsx.js思路：计算每一列所有单元格的文本长度(包括列头)，取最大值作为列宽代码：getCellWidth为核心方法，用于计算单元格宽度的如果包含中文，则宽度为：文本长度2.1，否则为：文本长度1.1，这个是我多次测试得到的数值可以在此方法增加其他规则function getCellWidth(value) { // 判断是否为null或undefined if (value == null) { return 10 } else if (/.*[\u4e

一、使用虽然官网没有介绍该组件，但是网上有许多小伙伴扒了源码并提供了使用方法<el-scrollbar class="" view-class="" wrap-class="" tag=""></el-scrollbar>属性props: { native: Boolean, // 是否使用本原生滚动条，设为true则不会启用element-ui自定义的滚动条 w

浏览器的自带滚动条确实很难看，虽然可以重载css样式，但由于各个浏览器并不互相兼容，那么就要写多个样式并且不能保证外观统一（火狐貌似无法修改滚动条样式的），如下// IE浏览器* { //三角箭头的颜色 scrollbar-arrow-color: #c0c4cc; //滚动条滑块按钮的颜色*/ scrollbar-face-color: #a2a2a3; //滚动条整体颜色*/ scrollbar-highlight-color: #a2a2a3; //滚动条阴影*/

前言项目开始使用的是高德地图组件，不过为了兼容离线地图，那高德地图就用不了了，老大叫我去学习leaflet，只能硬着头皮上了。关于高德地图的一些学习记录，点这里

在使用element-ui时，发现Chrome浏览器与Firefox浏览器对input的placeholder渲染颜色不一致，如下图谷歌火狐火狐中透明度明显更高我的解决方法$placeholderColor: #c0c4cc;// input的placeholder样式input { &::-webkit-input-placeholder { // WebKit, Blink, Edge color: $placeholderColor !important;