菜菜的小前端-优快云博客

原创 VUE + TinyMCE 富文本编辑器组件

TinyMCE 中文文档地址：http://tinymce.ax-z.cn/configure/editor-appearance.phpTinyMCE 源码存储地址：https://github.com/tinymce/tinymce-vue其他使用心得参照：https://www.jb51.net/web/78618.htmlhttps://blog.youkuaiyun.com/haeasringnar/article/details/86290171<template> &lt

2020-12-14 16:07:48 410

原创富文本集成 input 输入框

实现功能：富文本集成 input 输入框富文本控件:tinymce实现功能：编辑文书模板制定文书排版保留输入位置模板固定根据需要按需填入数据替换原富文本的空生成可以打印的文本<template> <div id="demo"> <div style="margin-top: 30px;padding: 20px;text-align: left;box-sizing:border-box;" > &

2020-12-14 15:43:14 6308 6

原创 html2canvas html 转 PDF

html 转 PDFhtml 转 PDFhtml 转 PDF封装html 转pdf 方法import html2canvas from "html2canvas";import JsPDF from "jspdf";export const html2pdf = (element) => { return new Promise((resolve) => { let w = element.clientWidth; //获取屏幕宽度 let h = element

2020-07-10 13:43:33 834

原创 Mammonth 将word 转换成html

需求说明：点击导入，将.docx 文件转换成hrml 并回显在页面上效果图：资源：mammonth.js1.引入mammonth.jsyarn add mammonth2.页面代码<template> <div id="textAreaTemplate"> <div style="text-align:right;margin-bottom:20px;"> <el-button @click="preview">预览&l

2020-06-03 17:52:02 2070

原创 Element 动态表单校验

element 动态表单校验<el-form :inline="true" :model="grantFrom" class="demo-form-inline" label-width="120px" ref="ruleForm" > <div> <div v-if="this.formInline.string29

2020-05-16 22:05:43 1118

原创数据存储与拷贝

基本数据类型基本数据类型分为：number，string，boolean，null，undefined基本数据类型的名和值都存储在栈内存中 let a = 1； let b = a；//当b = a 时，重新开辟一块儿内存没存储b //当修改 a/b 任意值时，不影响其他值 b = 2； console.log(a) // 1 console.log(b) // 2 a = 3; console.log(a) // 3 consoel.log(b) // 2引用数据类型

2020-05-13 22:12:14 212

原创 ES6 数组方法归纳整理

ES6 操作数组方法1.判断是否为数组 let arr = [1,2,3] console.log( Array.isArray(arr) )// true console.log( Array.isArray([]) ) //true2.创建数组new Array() 创建数组如果使用Array构造函数传入一个数值型的值，那么数组的长度length属性会被设置为该值； let items = new Array(2); console.log(items.length); // 2

2020-05-12 16:52:00 1681

原创 vue + vuex + vue-router 配置动态路由

vue + vuex + vue-router 配置动态路由项目说明解决思路功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出...

2020-05-07 18:02:54 1799

原创 vue 数据更新，页面视图没更新的解决办法 -- Vue.set

数据更新页面无重新渲染解决说明：element UI tab + table联合使用时，数据更新，页面无重新渲染解决方案：解决方案this.$set();

2020-04-30 15:22:09 2205 2

原创微信公众号踩坑--上传手机图片

微信公众号踩坑--上传手机图片vue调用微信SDK实现图片上传实例vue调用微信SDK实现图片上传实例安装微信SDK npm install weixin-js-sdk引入微信sdk import wx from 'weixin-js-sdk'通过config接口注入权限验证配置 wx.config({ debug: true, // 开启调试模式,调用...

2020-04-16 22:29:29 381

原创 CSS3:filter 滤镜（公祭日全网变灰效果实现）

CSS3:filter 滤镜filter介绍属性功能介绍组合使用兼容性filter介绍4.4日国家公祭日实现全网一键变灰的根本原因是css3的滤镜属性：filter，除了一键变灰，还可以给图片美颜。属性功能介绍1.一键变灰，全网一键变灰原理 img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera...

2020-04-16 10:15:06 959

原创 MutationObserver -- 判断vue Dom渲染完成

MutationObserverMutationObserver -- 判断vue Dom渲染完成MutationObserver 作用方法应用实例MutationObserver – 判断vue Dom渲染完成获取想要获取dom元素的宽高,打印出来的结果值一直小于DOM元素本身高度。查阅很多资料无果，初步判断是vue升级以后，this.$nextTick监听方式发生改变。更改方案，...

2020-01-16 15:42:11 5303 1

weixin_41801013的博客