Electron 主进程起一个可用的 HTTPS 静态服务器
在 Electron 的主进程中，我们可以直接利用 Node.js 原生的 http 和 https 模块来创建服务。区别在于 HTTPS 需要配置 key (私钥) 和 cert (证书)。 我们使用 node-forge 库来完成这些操作，它是一个纯 JavaScript…
分类：Vue
按主题整理的文章、代码片段与实践记录。
van-nav-bar 页面宽度改动 placeholder占位元素未自动更新
折叠屏展开收起，改动的是页面宽度。placeholder未主动更新，导致页面错位
Vant UI van-search 键盘没有显示「搜索」按钮的解决方案
使用 enterkeyhint="search" HTML5 新增了一个属性：enterkeyhint 它允许我们控制虚拟键盘回车键的提示文字，例如设置为 search 时，回车键会变成「搜索」。
Lodop、C-Lodop使用笔记
Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容，又可用程序代码直接实现复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句件功能强大,却简单易用,所有调用如同JavaScript扩展语句 clodop打印机插件，其他语…
vue中v-html
el-upload beforeUpload 使用async无法拦截
当使用 async await 包裹的情况下，return false 会失效，应使用 return Promise.reject()
ANSI 字体在前端展示 Jenkins日志
最近在做运维平台的开发，前端需要显示Jenkins的日志在前端，其中的ANSI字体就是如下示例。
获取视频某一秒的截图
SSE（Server-Sent Events）
elementui 动态生成的 el-form-item rules校验失效
<el-form-item key='studyTime' label="学习时长" prop="studyTime"> 添加一个 key='studyTime', key的内容唯一性就行
公式编辑器
自定义公式编辑器 在线预览地址
TOTP otpauth
secret：必需，OTP的密钥，可以是Base32编码的字符串或者HEX编码的字符串。 issuer：可选，发行人的名称，一般用于标识OTP的来源，如Google、Facebook等。 algorithm：可选，OTP的加密算法，可以是SHA1、SHA256、SHA512之一…
vuedraggable
在线预览
createDecorator 自定义装饰器
Element v-loading 当页面太长，loading的图标无法显示在当前的视口中的问题
在使用 Element UI 的 v-loading 指令时，如果页面内容过长，loading 遮罩层会相对于绑定元素进行定位。这就可能导致 loading 图标无法出现在当前视口中心 解决方法：以服务的方式调用
axios 设置了返回类型为文件流，但是不返回文件流
nuxt项目本地启动,多开标签一直显示加载中
本地npm run dev启动，多开几个标签页，会出现卡死或一直转圈的情况，如果关闭其中一个tab标签，卡死的tab标签页就会立即加载完成，控制台看不到任何错误信息。 因为浏览器对同一个主机有连接数限制。 官方解释：https://github.com/nuxt/nuxt/is…
Vue TransitionGroup 使用记要
列表的for循环渲染，key值不能为index，否则动画只会作用在最后一个元素
修改原型链导致前端预览PDF异常
添加/修改原型链，导致pdf.js解析异常， 可能此库对原型链做了防污染处理 报错如下 The Array.prototype contains unexpected enumerable properties: hasItem, removeItem; thus breaki…
移动端 pdfh5 预览pdf
The Array.prototype contains unexpected enumerable properties: hasItem, removeItem; thus breaking e.g. for...in iteration of Arrays 大概因为数组原…