随笔分类 - 前端
摘要：1.本人的示例项目 项目一：gitee 2.更多列子 github 3.其他博客 impress.js 使用教程 – 王进的个人网站 (jingege.wang)
阅读全文
摘要：1.使用组件 组件源码版本license vue-codemirror 地址 4.0.6 MIT script-loader 地址 0.7.2 MIT 2.组件代码 Codemirror 3.组件使用 <Codemirror v-model='form.content'></Codemirror>
阅读全文
摘要：1.使用组件 组件源码版本license vue-mark-display 地址 0.2.2 MIT @toast-ui/editor 地址 3.1.5 MIT jshint 地址 2.13.6 MIT jsonlint 地址 1.6.3 MIT 2.组件代码 TuiEditor 3.使用 <Tui
阅读全文
摘要：1.使用组件 组件源码版本license luckysheet 地址 2.1.13 MIT 2.组件代码 Luckysheet 3.添加luckysheet静态文件至本地 ruoyi-ui/public/index.html 4.截图 5.示例项目 项目一：gitee
阅读全文
摘要：1.使用组件 组件源码版本license simple-mind-map 地址 0.6.6 MIT @toast-ui/editor 地址 3.1.5 MIT v-viewer 地址 1.6.4 MIT xlsx 地址 0.18.5 Apache-2.0 vue-i18n 地址 8.27.2 MIT
阅读全文
摘要：1.使用组件 组件源码版本license tiny-whiteboard 地址 0.1.12 MIT 2.组件代码 <template> <div ref="container" class="container"> <div class="canvasBox" ref="box"></div> <
阅读全文
摘要：1.使用到的组件 组件源码版本license bpmn-js 地址 7.3.1 bpmn.io bpmn-js-properties-panel 地址 0.37.2 MIT camunda-bpmn-moddle 地址 4.5.0 MIT 版本一定要对，否则可能会报错 2.组件代码 <templat
阅读全文
摘要：组件源码版本license tinymce 地址 4.9.3 MIT 示例项目一 源码地址：gitee 1.封装组件 <template> <div :class="{fullscreen:fullscreen}" class="tinymce-container" :style="{width:c
阅读全文
摘要：Draw.io是GitHub上的一个开源的免费流程图绘制工具，功能非常的丰富，使用上和ProcessOn基本上是一致的，但是ProcessOn是收费的。 Draw.io也有在线网页版，可以直接访问（https://www.draw.io/）进行使用。也有桌面版，桌面版下载地址：https://git
阅读全文
摘要：<el-input @blur="blur" :rows="5" v-model="messageForm.content" type="textarea" maxlength="100" show-word-limit placeholder="请输入你的留言"></el-input> data(
阅读全文
摘要：vue代码： <el-table-column prop="totalMoney" label="项目总投资额" align="center" show-overflow-tooltip> <template slot-scope="scope"> <el-input v-model="scope.
阅读全文
摘要：安装依赖 npm install cherry-markdown --save 子组件写法 <template> <div @click.prevent.stop> <div :id="mdId" :style="{height:height+'px'}" /> </div> </template
阅读全文
摘要：一、起因# 由于电脑重装系统，重新下载nodejs,自然更新到最新版本18，之前的版本才16。更新到最新nodejs版本后，运行vue文件，报错： this[kHandle] = new _Hash(algorithm, xofLen);^ Error: error:0308010C:digital
阅读全文
摘要：一、打开微信开发者工具 第一次连接至微信开发者工具之前，需要先启动微信开发者工具，在工具栏，依次点击 设置 -> 安全设置，在弹出的设置弹窗中，安全选项下，开启服务端口。如下图所示。 二、HBuilderX 配置 ①. 打开HBuilderX，在工具栏，依次点击 运行 -> 运行到小程序模拟器 ->
阅读全文
摘要：1、问题： 前台数据，JSON字符串带有引号 “” ，数据被传递到后台，引号被转义为 "，后台无法解析。 前台数据如下：正常 后台数据如下：大部分正常，只有JSON字符串中的“” 被转义为 " 2、解决： 方法一：使用apache的lang包里的方法 String appJson = Str
阅读全文
摘要：1、基本用法 代码： <el-date-picker type="date" v-model="valueStart" value-format="yyyy-MM-dd" placeholder="开始时间" > </el-date-picker> 代码解读： type参数是用来定义选择器选择的对象
阅读全文
摘要：近日客户表示上传的图片过大，无法自动匹配展示区域 由于使用的是Tinymce富文本编辑器自带的图片上传插件，选择图片后会读取对应图片的长和宽，客户又不愿意手动去修改长宽比去适应显示界面，希望自动适配，网上看了很多，有很多是重写一个图片上传插件，我这里并没有那么复杂，于是简单阅读了一下源码 在此目录下
阅读全文
摘要：创建一个a标签下载: // 模板下载 templateDown() { const a = document.createElement('a') const evt = document.createEvent('MouseEvents') a.download = '导入模板' a.href =
阅读全文
摘要：代码: var birthday=new Date("1989-06-25".replace(/-/g, "\/")); var d=new Date(); var age = d.getFullYear()-birthday.getFullYear()-((d.getMonth()<birthda
阅读全文
摘要：1.演示： 人员单选 人员多选 2.代码： 封装单人选择器组件： <!-- 主题党日-人员选择器(单人选择器) --> <template> <div> <el-input v-model="perSelector.name" :readonly="true" :disabled="editVisi
阅读全文
