- 博客(60)
- 收藏
- 关注
RSS订阅原创 tinymce富文本编辑器获取内容的字符串长度
init时要在plugins 和toolbar 中传入 ‘wordcount’，如下。toolbar中传入后，会按照顺序在操作栏顶方显示。想要在富文本下方展示字符数量，将 statusbar变量给为true即可。获取内容的字符串长度。
2024-02-27 16:06:59
922
原创 pc端使用window.URL.createObjectURL预览文档（word、pdf）
【代码】pc端使用window.URL.createObjectURL预览文档（word、pdf）
2023-03-23 16:24:22
2967
1
原创 JS数组对象的常用方法filter、find、some、every、map
some方法用于检测数据中的元素是否满足指定条件，会依次执行数组的每个元素,如果有一个元素满足条件，则表达式返回true，剩余的元素不会再执行检测，如果没有满足条件的元素，则返回false。every用于检测数组所有元素是否都符合指定条件，如果有一个元素不满足，则返回false，且剩余元素也不会再进行检测，如果所有元素都满足条件，才会返回true。原数组，返回符合条件的第一个数组元素，对于空数组，且不会对空数组进行检测。，会创建一个新数组，新数组中的各元素是符合条件的所有。元素，且不会对空数组进行检测。
2023-03-15 09:47:14
1473
1
原创 ES6链式判断运算符
运用链式运算符简化后的语句，短路进行计算，在访问 obj.first.second 之前，先隐式的检查并确定 obj.first 既不是 null 也不是 undefined。. 运算符的功能类似于 . 链式运算符，不同之处在于，在引用为空或者undefined的情况下不会引起语法错误，改表达式短路返回值是 undefined。可选链运算符允许读取位于对象链深处的属性的值，而不必明确验证链中的每一个引用是否有效。当尝试调用一个可能不存在的方法时也可以使用可选链。
2022-12-19 16:15:03
1683
原创 关于el-upload的图片上传组件的使用详解
但我们需要给后端传base64格式的字符串；所以使用自定义上传。：填写上传图片接口如果用base64方法传给后端留空就行了。记得在取到编码字符串后像后端发送请求。需要注意的组件中几个属性。
2022-10-11 15:23:47
4292
原创 简单总结分析vue生命周期
的作用是初始化props、data、methods、watch、computed等属性，beforeCreated的钩子函数中就不能获取到props、data、methods、中定义的值和定义的函数，而created可以。每一个vue实例从创建待销毁的过程，就是这个vue实例的生命周期，在这一过程中，他经历了从开始创建、初始化数据、编译模板、挂载DOM、渲染->更新->渲染、卸载等一系列过程。此阶段依旧得不到具体的DOM，但vue挂载的根节点已经创建，之后vue对DOM的操作将围绕根元素继续进行；
2022-10-08 11:41:12
531
原创 avue实现列合并和动态渲染表格背景色
关键代码：:span-method="rowspanMethod"关键代码：:cell-class-name="cellStyle"实现的效果如下：第一列相同值合并，合并块加底色。2、动态渲染表格背景色。
2022-09-30 15:20:11
1553
原创 vue中用xlsx、xlsx-style、file-saver插件实现用表格原始数据打印excel文件
打印出的excel文件如下：1、xlsx-style依据情况选择使用：如需要换单元格底色，加边框，等。
2022-09-30 15:07:57
2452
2
原创 avue-crud自带的打印功能BUG，在打印时会打印操作栏
此处的打印，在试了很多组件后，决定使用vxe-table的打印组件，（也可以不使用其他组件，根据avue的打印功能去写，此处需要在打印时合并表头并且数据列多，所以采用了vxe的打印）关键代码如下。用插槽自定义打印按钮，记得去掉option中的printBtn:true，
2022-09-27 11:12:30
1158
2
原创 vue的常用内置组件，component和keep-alive介绍和使用
缓存了的组件，再次进入组件不会触发beforeCreate、created、beforeMounted、mounted，如果想每次进入组件都执行某段逻辑，可以放在activated进入缓存组件的钩子中。在组件来回切换时，为了避免组件重复渲染DOM节点导致的性能问题，将组件保存在内存中，被标签包裹的组件，当包裹的组件中的数据不再变化时，就会被缓存。一旦这个数字达到了，在新的实例被创建之前，已缓存组件中最久没有被访问的实例会被销毁掉。
2022-09-26 17:32:56
1235
原创 合并后的avue-crud表格，在行内编辑时出现的bug如何解决
第二行在行内编辑时，第一列已经合并，无法拆分出来进行修改，想要修改第一列会比较麻烦。avue可配置表格合并，但是当合并的表格遇到行内编辑时，会出现如下BUG。在新增或编辑时，合并效果会暂时取消，当点完成或取消，合并效果正常显示。
2022-09-26 16:47:29
1848
转载 nrm源管理器的日常使用命令行
3.通过nrm 工具 源管理工具 （注意：在cmd操作nrm时，要以管理员身份打开cmd,操作nrm命令行才能成功）nrm ls （nrm list的简写）
2022-09-23 10:28:12
303
原创 vue实现预览word文档（处理文档流）
3、调取接口，获得后端传回的文档流，这里的res.data.data就是文档流，并调用docx-previre的方法渲染文件到页面。页面实现预览主要依靠插件，所以这是最重要的一步，如果你用的cnpm包管理器，那就是命令行。2、引入var docxx = require("docx-preview");5、通过文档流在vue页面实现下载文档，还在实践中。
2022-09-22 18:42:20
21055
23
原创 关于a标签不同状态下变化颜色样式的写法注意事项
为同一元素添加同样优先级的样式，，写在后面的就会覆盖前面的，a标签的伪类只不过是又结合了不同的动作顺序动作的出发顺序决定了伪类的顺序lvha。前两个状态（link、visited）是常态，而后两个状态是即时状态，当即时状态出发时，会覆盖常态，所以两个即时状态放后面。a标签最常用到的样式变化其实也是四个伪类的样式变化。
2022-09-09 15:01:05
1331
原创 如何在使用avue-crud组件时写监听
3、写对某个变量的监听，this.form能取到的值为新增弹窗中的值或是编辑时弹窗中的值;第一个参数为新值、第二个参数为旧值。2、在data中加入form,这样vue的监听机制才能监听到form的变化。1、在标签中加入属性v-model="form"
2022-09-06 18:05:34
1570
原创 【无标题】js中的forEach介绍，以及如何跳出forEach,中断循环
js中的forEach()方法会对目标数据中的每个元素执行一次循环（提供的函数体）,返回 undefined。第一个参数是的数组中当前遍历的元素；第二个参数是对应的数据索引；第三个参数是数组本身。
2022-09-05 17:59:53
314
1
原创 avue的crud使用心得：自定义插槽修改列内容、自定义表单的rules效验、弹出框中的元素和表格列中显示元素不同、对表格进行排序
3、弹出框中的元素和表格列中显示元素不同，以图片type:upload为例。1、自定义插槽修改列内容，效果图、代码如下。新增时弹出框中元素并没有显示为图片框。2、自定义表单的rules效验。
2022-08-04 11:01:50
15000
原创 为项目加入第三方字体DS-Digital，并使用
前端项目中经常使用到各种各样的字体样式，此处以DS-Digital为例，先放效果图，1、DS-Digital字体资源，在如下链接中下载，然后解压链接: https://pan.baidu.com/s/1yG-asAfmqAN96UTXsXW9Iw 提取码: ex98 复制这段内容后打开百度网盘手机App，操作更方便哦2、将解压后的文件放入项目根目录，如下 3、在需要文件中引入，此处写了一个demo 直接使用style="font-family: DS-Digital;"就可以使用...
2022-06-06 14:54:38
3088
原创 表格的下拉框中包含echarts图表的demo
右图为左图点击后的效果，下拉框中包含一个echarts图表echarts.min.js和vue.js是分别从官网下载的文件，下载很方便，在此不做赘述。<!DOCTYPE html><head><meta charset="UTF-8"><title></title><script src="echarts.min.js"></script><script src="vue.js" type="...
2022-05-20 16:04:09
516
原创 form的表单序列化
百度可知：表单序列化的作用是：将表单内容序列化成一个字符串，方便Ajax传递表单值给服务器。随着Ajax的出现，表单序列化成为一种常见需求序列化应满足以下几点要求：1、对表单字段和值进行url编码，使用 & 符号分割2、不发送表单的禁用字段3、只发送选则的复选框和单选按钮4、不发送type为“reset”和“button”的按钮function serialize(data) { let list = []; Object.keys(data).forEach(
2022-05-19 09:41:02
440
原创 echarts图表与title标题的位置间距配置
grid: { left:'3%', top:'20%', right: '2%', bottom: '3%', containLabel: true },
2022-05-18 14:24:46
6984
1
原创 配置数据项使echarts图表无数据时显示暂无数据
graphic: { type: 'text', // 类型：文本 left: 'center', top: 'middle', silent: true, // 不响应事件 invisible: optionData.categories, // 有数据就隐藏 ...
2022-05-18 14:21:43
716
2
原创 js解决数值过长，自动换算单位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</.
2022-05-14 13:45:10
1561
原创 js问题--name不能做变量名
使用name作为变量名（var name = ''）,在ie中未引起BUG，但在Chrome中引起bug但未明确指出命名错误，而是会造成页面不能正常使用，故不便于被发现。现象原因：javascript中name既不是保留字，也不是关键字，因此用作变量时并不会报错；但在Firefox、Safari、Chrome和Opera中都给函数定义了一个非标准的name属性，通过这个属性可以访问到给函数指定的名字，因此在这些浏览器中不能使用name作为变量名。举例:function functionName(
2022-04-21 09:17:07
1419
原创 谷歌账号无法登录，登陆页面报错“accounts.google.com 的响应时间过长.”解决办法
应该是浏览器兼容效果不好导致的，解决办法如下：链接：https://pan.baidu.com/s/1YkJr98Q2qz5GdF-R2ctYng提取码：6666百度网盘里下载google压缩包，解压后，按照如下操作顺序操作谷歌浏览器然后谷歌的登录页就能正常打开啦，正确效果如上图的 “chrome同步助手1.2” 插件所示。...
2022-04-13 16:38:51
59799
34
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人