- 博客(37)
- 收藏
- 关注
RSS订阅原创 echarts中x轴刻度单位名称不显示完全
echarts中x轴刻度单位名称不显示完全 // 调整大小 grid: { left: '3%', right: '13%', bottom: '3%', containLabel: true },
2022-05-05 11:55:38
716
原创 iframe父子传参通信之postMessage
iframe父子传参通信之postMessage1.使用postMessage向父组件传值window.parent.postMessage(data,origin）注：data–传对象需要使用JSON.stringify(）转成json字符串origin–发送消息窗口的源（协议+主机+端口号）,可以解决跨域问题2.在父组件中接收，可以写在mounted，created钩子函数中window.addEventListener('message', (e) =>{ //接收传过来的值是对
2022-04-24 16:08:28
1208
原创 vue中动态引入图片路径
vue中动态引入图片路径使用img标签显示图片时，使用require动态引入图片路径 <img :src="weather ? require(`../../../assets/mainHome/${weather}.png`) : ''"/>
2022-03-03 10:23:35
576
原创 vue自定义表单enter键输入指令
vue自定义表单enter键输入指令//自定义指令 directives:{ 'enterToNext':{ update: function(el,binding,vnode){ //inserted update console.log(el); let _this = vnode.context; let inputs = el.querySelectorAll('input'); inputs = [...i
2022-01-20 13:44:50
718
原创 判断Json字符串是否是Json对象
判断Json字符串是否是Json对象//是否是JsonisJsonString(str) {try {if (typeof JSON.parse(str) == “object”) {return true;}} catch(e) {}return false;}
2021-12-23 16:22:38
1304
原创 js获取字符串字节数
js获取字符串字节数注：str是字符串//获取字符串的字节数 changeByte(str){ let count=0; if(str){ for(var i=0;i<str.length;i++){ if(str.charCodeAt(i)>255){ count+=2; }else{ count++; } } } return
2021-12-23 16:17:57
1952
原创 vue实现点击标签跳转到对应模块
vue实现点击标签跳转到对应模块注：#apiService是模块id，点击标签时调用jump()方法//点击菜单显示到对应模块 jump(index) { // this.$nextTick(() => { setTimeout(() => { this.$el.querySelector(`#apiService${index}`).scrollIntoView({ behavior: "smooth", // 平滑过渡 block: "start"
2021-12-20 17:03:16
1020
原创 正则判断一个字符串小数点前最多14位小数点后最多5位
正则判断一个字符串小数点代码如下： isdecimal(str) { let reg = /^\d{0,14}(\.\d{1,5})?$/; return reg.test(str); },
2021-12-01 14:38:08
636
原创 vue实现导出excel，pdf功能
实现导出excel功能注：后端返回的是文件流，前端使用a标签实现导出excel下面代码是固定写法，可以直接使用，亲测有用哦 const blob = new Blob([res],{type: 'application/vnd.ms-excel'}); const fileName ="加工手册导入模板.xlsx"; if ("download" in document.createElement("a")) { // 非IE下载
2021-12-01 11:06:09
1272
1
原创 vue实现pdf打印预览
vue实现pdf打印预览**前言：**前端调用后端接口，返回给前端的是文件流，而不直接是路径，这时前端需把文件流转成路径，再使用window.open()方法，打开pdf实现预览打印代码如下：注：res是后端返回的文件流 if (window.navigator.msSaveBlob) { // IE //IE无法打开Blob URL链接，所以不能预览只能通过window.navigator.msSaveBlob下载 //注：msSaveBlob的第二个参数要有.p
2021-12-01 10:59:28
1457
2
原创 vue实现页面返回顶部功能
vue实现页面返回顶部功能<template> <div id="goTop"> <div class="goTop" v-show="goTopShow" @click="goTop"> 回到顶部 </div> </div></template><script>export default { name: "goTop",
2021-10-18 16:31:22
623
原创 jquery实现公告无缝滚动
jquery实现公告无缝滚动// 公告-无缝滚动 $(function() { var listPanel = $('.announcement ul'); var nubcers = 0; //向上滚动top值 function announceUp() { //向上滚动 listPanel.animate({ //中奖结果 'top': (nubcers - 35) + 'px' }, 2000, 'linear',
2021-10-15 16:32:43
557
原创 HTML标签marquee实现文字，图片等滚动效果
HTML标签marquee实现文字，图片等滚动效果页面的自动滚动效果，可由javascript来实现，也可以由一个html标签 - 就可以实现多种滚动效果，无需js控制。使用marquee标记不仅可以移动文字，也可以移动图片，表格等.语法：…； 说明：在标记之间添加要进行滚动的内容。重要属性：1.滚动方向direction（包括4个值：up、 down、 left和 right）语法：…2.滚动方式behavior（scroll:循环滚动，默认效果； slide:只滚动一次就停止； alter
2021-10-15 16:27:08
3091
原创 正则表达式
正则匹配年月日时分秒格式let time="2021-07-05 10:11:10"let reg2 =/^[1-9]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])\s+(20|21|22|23|[0-1]\d):[0-5]\d:[0-5]\d$/;if(reg2.test(time)){console.log("正则匹配成功");}
2021-07-05 16:37:56
65
原创 Vue与Lodop实现打印功能
Vue与Lodop实现打印功能添加背景图先在data中声明变量引入图片(使用require)imgUrl: require("…/…/static/images/approval.jpg"),然后使用ADD_PRINT_SETUP_BKIMG方法添加图片LODOP.ADD_PRINT_SETUP_BKIMG(’’);
2021-07-02 09:35:21
327
原创 js中对特殊字符进行转义
js中对一些特殊字符进行转义 addEscape(value) { let arr = ['(', '[', '{', '/', '^', '$', '¦', '}', ']', ')', '?', '*', '+', '.', "'", '"'] for (let i = 0; i < arr.length; i++) { if (value) { if (value.indexOf(arr[i]) > -1) {
2021-06-28 10:46:19
4084
3
原创 删除数组中重复对象
删除数组中重复对象方法代码如下：参数：obj—>是数组 delObj(obj) { var uniques = []; var stringify = {}; for (var i = 0; i < obj.length; i++) { var keys = Object.keys(obj[i]); keys.sort(function (a, b) { return (Number(a) - Numb
2021-06-28 10:42:59
214
原创 树状数组递归转成JSON字符串、对象、数组
需求需要将后端返回的树状数组递归转成JSON字符串、对象、数组代码如下：参数：val是数组changeTree(val) { let obj1 = []; var arr = {}; var obj2 = {}; let arr1 = []; if (val.length !== 0) { val.forEach((item) => { let obj = {}; if (item
2021-06-25 16:32:01
347
原创 js数组求和（数组元素可能是整数或小数）
js数组求和（数组元素可能是整数或小数）方法如下：sum(args) {// var args = arguments,//获取所有的参数var d = 0,//定义小数位的初始长度，默认为整数，即小数位为0sum = 0;//定义sum来接收所有数据的和//循环所有的参数for (var key in args) {//遍历所有的参数//把数字转为字符串var str = “” + args[key];if (str.indexOf(".") != -1) {//判断数字是否为小数/
2021-06-23 17:34:21
1135
原创 文本内容长度过长显示为省略号
文本内容长度过长显示为省略号Css3中新增的一个属性 text-overflow语法：text-overflow: clip|ellipsis|string;属性值详解：单行文本显示。。。时：使用text-overflow：ellipsis时，需要跟 overflow: hidden;white-space: nowrap;一起使用多行文本显示。。。时需结合display: -webkit-box;-webkit-line-clamp: 2;//第几行裁剪为省略号-webkit-bo
2021-06-16 17:21:49
262
原创 实现pdf文件（pdf路径）打印预览
html5中标签实现pdf文件打印预览先看下要实现的效果（图如下）：使用标签需注意：1.它是自闭合的标签2.它的高度要设置为具体像素代码如下： <embed :src="pdfUrl" type="application/pdf" width="100%" height="700px" /> ...
2021-03-25 11:08:24
1697
原创 在当前页面点击某个按钮时新增一个浏览器标签
在当前页面点击某个按钮时新增一个浏览器标签前言：项目中遇到的小需求，自己也是百度查到的哈，然后记录下代码如下： <script> let newTab = ''; openNewTab() {//按钮点击事件 newTab = window.open("about:blank"); newTab.location.href = '' // 你想要跳转的地址 }
2021-03-25 10:54:14
263
原创 vue中v-on绑定多个方法
vue中v-on绑定多个方法1.v-on绑定多个方法<p v-on="{click:dbClick,mousemove:MouseClick}"></p>2.一个事件绑定多个方法<p @click="click1(),click2()">点击</p>
2020-12-14 09:47:34
1922
原创 怎么把clone别人的git项目上传到自己git库
1.先从git库上把自己需要的项目克隆到自己本地2.然后把git项目中的.git文件夹 给删除3.进行git初始化git init4.将本地代码添加到仓库git add ./////注意有空格git commit -m “上传仓库时的说明”5.关联上远程仓库git remote add origin https://github.com/YYY/SimpleUI6.最后将你的代码上传到Git库git push --set-upstream origin master...
2020-09-24 15:26:18
3027
2
原创 如何使用Git常用命令
常用命令:1.把项目从Git远程库上克隆到本地$ git clone 远程库名2. 把本地库中的项目上传到Git远程库(可以看我之前写的一篇博客哦https://blog.csdn.net/m0_44949211/article/details/108073067)3. 提交到本地库并更新到远程库步骤://先添加所有文件$ git add .//再提交所有文件到本地$ git commit -m “描述信息” -a//然后把本地库更新到远程$ git push origin maste
2020-09-10 13:43:33
129
原创 获取location.href跳转路径的参数
var id=“123456789”;window.location.href=“路径?id=”+id;在跳转到的页面中获取参数://获取url中"?“符后的字串 ?id=“123456789”var url = location.search;var id,str,strs;if(url.indexOf(”?") != -1) {str = url.substr(1);strs = str.split("=");id = strs[1];}...
2020-09-09 16:28:53
1793
原创 解决el-input绑定@keyup事件无效问题
解决el-input绑定@keyup事件无效问题1.input框绑定@keyup事件<input v-model="firstName" @keyup.enter="方法名"></input>2.vue中el-input框绑定@keyup事件,需要加上**.native修饰符**,否则不生效<el-input v-model="lastName" @keyup.enter.native="方法名"></el-input>...
2020-09-07 15:45:03
1970
原创 Echarts实现柱状图闪烁效果
Echarts实现柱状图闪动效果实现效果如下：echarts中没有实现闪烁效果功能，但是我们可以通过setInterval（）来实现闪烁效果代码如下：```javascript<template> <div class="stratop"> <div class="topTitle" > <svg-icon icon-class="alarun" style="color:#5cd9e8; "></svg-icon>
2020-08-18 17:01:41
4118
原创 如何把本地项目上传到gitHub仓库
本地项目上传到gitHub仓库步骤：1.输入 git init 把文件初始化为git可管理的本地库，命令执行后会多个.git文件2.然后输入 git add . 命令，把所有的文件添加到本地仓库 (一定不用忘记 . )3.输入命令 git commit -m ’ 这里写你提交时的备注信息’，提交到本地仓库4.然后把你本地库跟你github上的远程库进行关联，输入 git remote add origin https://gitee.com/liulili963/vueDatav.git 命令
2020-08-18 11:41:33
167
原创 Vue实现登录记住密码
Vue实现登录记住密码前提：登录时记住密码可以方便用户退出后再次快速操作，一般使用Cookie进行存储用户名和密码，思路如下:1.先判断用户在登录时是否勾选记住密码，如果勾选，向cookie中储存登录信息， 如果没有勾选，储存的信息为空 setUserInfo() { var vm = this; // 判断用户是否勾选记住密码，如果勾选，向cookie中储存登录信息， // 如果没有勾选，储存的信息为空 if (vm.ruleForm
2020-08-18 11:06:47
1857
原创 Vue中动态显示表格内容
Vue中动态显示表格内容在项目中，我们可能会用到表格来显示不同的数据，表格显示数据，无非是列的内容不同，所以，我们可以考虑封装个公共的表格组件，动态得显示不同的数据实现截图如下：1.首先在项目中创建一个公共表格组件table.vue，代码如下<template> <!--这里放其他内容，表格等--> <el-table :data="tableData" border style="width: 100%;" v-loading="tableLoading"
2020-08-14 15:44:20
6426
1
原创 Vue-cli3以上版本怎么配置Webpack
Vue-cli3以上版本怎么配置Webpackvue-cli3以下版本中，关于webpack的一些配置都在config目录文件中，可是vue-cli3以上版本中，没有了config目录，那该怎么配置webpack呢？这时，vue-cli给我们提供了一个可选的配置文件(但需要我们自己手动创建哦vue.config.js，跟package.js同级)看下vue.config.js中常用的配置module.exports = {}publicPath：部署应用包的基本Url，默认/, 可以设置为
2020-08-13 14:03:27
1544
原创 Vue项目中使用Svg矢量图标
#Vue项目中使用Svg矢量图标使用npm install svg-sprite-loader –save命令或 cnpm install svg-sprite-loader –save命令进行安装下载在components目录下新建一个SvgIcon.veu组件，代码如下图然后需要新建icons目录，与components目录同级## index.js代码如下
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人