- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue用iframe嵌入html文件，传参和方法调用
vue用iframe嵌入html文件，切记把html文件放入static文件夹下，不然每次调用都会是入口文件，在这里用一个简单的例子来展示一下在vue文件调用html文件的参数和方法，和一些踩坑。vue部分<template> <div> <iframe src="static/iframeDemo.html" name="iframeDemo" scrolling="no" style="width: 100px;height: 100px;"
2021-05-26 11:32:27
3272
1
原创 js导出Excel
js导出Excel，从后端请求数据回来后直接放入导出//表头let str = ‘姓名，年龄，性别’+'\n';//数据let dataList = ["张三","15","男"]if(dataList && dataList.length){ for(let i = 0 ; i < dataList.length ; i++ ){ str+=`${dataList[i] + '\t'},`; str+='\n'; }
2021-04-29 10:11:18
130
原创 js制作水印的方法
html部分 <body id="content"> <p>创建好的水印</p></body>js部分function watermark(element, config) { // 获取元素的坐标 function getOffset(el){ if (el.offsetParent) { return { x: el.offsetLeft + .
2021-03-22 11:14:48
748
原创 js实现复制到粘贴板功能
js通过onclick事件复制指定位置的内容到粘贴板上，代码很简略，直接上。html部分<body> <div id="copyVal1">张三，12</div><button onclick="onCopy(1)">复制</button> <div id="copyVal2">李四，88</div><button onclick="onCopy(2)">复制</button>
2021-03-22 11:09:02
349
原创 各种正则校验，持续更行，建议收藏！
此篇主要记录一下常用的正则校验，我会持续的更新，建议收藏，如果对正则不会使用，可参考的我上一篇文章 ##JS正则表达式写法和用法1.两位正整数/(^[1-9]$)|(^[1-9][0-9]$)/2.字大9位数字，精度为4/(^[0-9]{1,9}$)|(^[0-9]{1,9}[\.]{1}[0-9]{1,4}$)/3.三位正整数/(^[0-9]$)|(^[1-9][0-9]$)|(^[1-9][0-9][0-9]$)/4.字大9位数字，精度为2/(^[0-9]{1,9}$)|(^[0-
2021-01-21 19:15:36
1218
原创 JS正则表达式写法和用法
JS正则表达式写法和用法1. 定义javascript 正确的规则,它是专门处理字符串的正则分为修饰符和元字符【两次元字符，和特殊元字符】，其中两个斜杠中属于元字符，斜杠后面是属于修饰符2.如何创建一个正则通过字面量方式来创建 let reg = /\d/let reg = /\d/通过实例化的方式来创建,通过new关键字执行正则类，返回一个正则的实例；如果你创建的正则中有变量，我们必须通过实例化的方式来创建，通过实例化的方式创建，第一个参数式元字符，第二个参数式修饰符le
2021-01-20 19:13:08
1802
原创 Vue实现H5页面左右切换动画
整体思路：采用Vue transition实现动画，在路由配置加上meta属性，用来判断是前一页还是后一页，前进的时候页面向左滑动，后退的时候页面向右滑动，所以要用两套动画实现，meta属性就用来判断用的是前进动画还是后退动画，直接上代码。Vue入口文件，index.vue<template> <div id="app"> <transition :name="isGoNext"> <router-view></router-
2021-01-04 09:19:42
3227
原创 this.$router.push（）两种传参和参数接收
通过query传，这种传参方式会拼在路由后面，在地址栏上显示页面跳转：this.$router.push({ path: ‘路由’, query: { data: ‘参数’ } })参数接收：this.$route.query.data通过params传，这种传参方式会拼在路由后面，但在地址栏上不会显示页面跳转：this.$router.push({ name: ‘路由name’, params: { data: ‘参数’ } })参数接收1：this.$route.params.data
2020-12-25 11:44:55
4916
原创 浅谈em和rem的区别
**简单来说em单位的大小是根据父元素的font-size的大小来决定的，而rem是根据html的font-size的大小来决定的，话不多说，直接上代码和图解**
2020-12-22 16:11:27
204
原创 JavaScript set()和map(),小白必看，简单明了
Set()去重var set = new Set([1,2,2,2,3,3,4,4,4,4])//Set(4) {1, 2, 3, 4}size个数var set = new Set([1,2,2,2,3,3,4,4,4,4])set.size // 4add()新增var set = new Set([1,2,2,2,3,3,4,4,4,4])set.add(5) // Set(5) {1, 2, 3, 4, 5}delete()删除某个值，返回布尔值var se
2020-11-11 18:49:17
186
原创 JavaScript操纵对象的方法，简单明了
遍历对象var obj = {id=‘999’,name:‘张三’,age:‘15’}for(let key in obj){console.log(key+’—’+obj[key])}//id—999name—张三1 age—15
2020-11-11 11:52:18
100
原创 JavaScript操纵数组的方法，简单明了
JavaScript操纵数组的方法toString() 数组转成字符串join() 数组转成字符串，可以自行添加分隔符push() 在数组的末尾添加任意元素pop() 移出数组的最后一项shift() 移出数组的第一项unshift() 在数组最前面添加任意值reverse() 颠倒数组的顺序sort() 按照字符串升序进行排序filter() 筛选数组，将满足条件的项生成一个新的数组toString() 数组转成字符串[1,2,3].toString();//‘1,2,3’[‘a’,‘b’,‘c’
2020-10-27 15:43:45
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人