市面上众多富文本编辑器quill、wangEditor、Tinymce、ckEditor等等，这里感觉ckEditor最为丝滑~。文章安装安装vue组件相关以及富文本类型其他富文本类型新建CkEditor5组件使用安装安装vue组件相关以及富文本类型npm install --save @ckeditor/ckeditor5-vue2npm install --save @ckeditor/cke

最近系统不知道咋的突然抽风。导致系统直接无限重启，无奈，当时没有启动U盘，修复不了boot。只能重置电脑。导致chrome被卸载。书签也就没了。首先重置电脑后找到保存chrome的文件地址：C:\Windows.old\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default可以看到书签文件和其备份文件。找到重新安装的chr

最近遇到这么个场景的问题，一个页面中数量不定的报表，而每个报表不同点只是字段不同以及生产报表的地址不同而已，这个时候可以使用v-for去动态生成组件。字段也是动态生成，这时候就遇到了问题—>...

由于java书写习惯 语句结束加分号，而前端使用了eslint，习惯性的加分号，会给错误。这里特别记录一下例如：测试字符串后增加了一个分号，可以看到是eslint semi规则设置报错找到配置文件，配置semi即可取消对分号的报错ESlint配置而我这里配置在了.eslintrc.js文件中，并没有在 package.json 中增加eslintConfig方案一：打开 .eslintrc.js找

说到serveless，当然是腾讯云和阿里云啦，而我想两种环境切着来玩，那么这个时候我选择了uniCloud，uniCloud其实是对腾讯云和阿里云进行了再次封装。一、新键项目（老项目右键创建uniCloud云开发环境）1、勾选启用uniCloud，后面可选阿里云和腾讯云2、生成文件夹3、右键选择云空间服务（没有创建的云服务空间的选择第二个，或者地址）4、右键新建云函数新建完成之后，邮件pay-a

每次在没有jenkins自动部署的情况下都要经历、打包、将包通过ftp丢到服务器上。实在繁琐。那这里就推荐一个vscode插件一键打包，一键部署。Alibaba Cloud Toolkit目录介绍安装与部署介绍前端持续化集成-一键部署：在一键部署中有很多插件和工具：比如前面说的jenkins、deploy等等，这里使用阿里开发的一款插件Alibaba Cloud Toolkit阿里云官网：产品分类

Element-UI中el-image中的预览功能没有单独提供api。又想使用功能。方法一：此方法就是直接导入。node_modules中的element-ui中的image-viewerimport ElImageViewer from 'element-ui/packages/image/src/image-viewer'因为包含es6 语法，所以ie部分可能无法兼容。方法二 直接把image

公司项目突然要增加一个这么一个功能：对添加的产品进行对照，如果产品不正确，那个对不正确的产品在弹出框中展示出来，而由于涉及的页面比较多，如果一个一个去写弹出框，在写逻辑太过于麻烦。方案一直接写个组件插件，然后在需要的地方引入组件：productCheckResult.vue：<template><div><el-dialog...

vue中多数情况下使用template封装组件逻辑清晰结构简单。但是在某些情况下，比如非常简单的组件 vue render简单解析或者template无法解决某些场景下，。使用完全javascirpt能力就显得尤为重要。文章目录使用render场景render简单了解createElement 了解模板中 attribute 对应的数据对象render中操作`$attrs`和`$listener`

使用axios下载流验证码的图片，并显示。其中使用responseType为blob，具体参考我的博文：下载文件，跨域获取Response Headers中响应头，以及IE无法下载文件只不过这里是使用saveAs进行下载文件，而这里就需要去获取URL然后显示所以改造（其中fetch是axios的封装）Vue.prototype.$downloadFileAxios = functio...