JavaScript
hy3528
这个作者很懒,什么都没留下…
展开
-
vue-cli 兄弟组件传参、父子组件传参
2.在需要调用的页面引入(有几个页面需要使用就几个页面引入)parone和partwo是传给子组件页面的参数。$on(‘方法名’,data=>{ })1.创建子组件名称为tabbar.vue。1.子页面tabbar.vue 定义方法。$emit(‘方法名’,‘传值’)1.新建js文件(命名可随意)$emit(‘方法名’,传值)@方法名(为上面定义的方法名)注:data即为传过来的参数。2.父组件页面定义方法。注:方法名两边需对应。4.接受传值页面代码。2.在页面引入子组件。3.父组件使用子组件。原创 2023-02-22 16:42:14 · 402 阅读 · 1 评论 -
js表格导出ex表
js表格导出ex表。转载 2022-11-21 12:01:56 · 98 阅读 · 0 评论 -
获取本月第一天和最后一天
//获取指定月初月末 getMonthTime(time) { var now = new Date(time); //当前日期 var nowMonth = now.getMonth(); //当前月 var nowYear = now.getFullYear(); //当前年 //本月的开始时间 var monthStartDate = new Date(nowYear, nowMonth, 1); //本月的结束..原创 2022-03-23 17:05:51 · 362 阅读 · 0 评论 -
小程序用toFixed四舍五入以及保留两位小数方法
新建一个filter.wxs 将下面代码复制进去var filters = { toFix: function (value,value1) { if (typeof (value) == 'undefined') { return value } else { return value.toFixed(value1) } }, toStr: function (value) { return value.toString() }原创 2022-03-15 14:19:40 · 1054 阅读 · 0 评论 -
vue动态获取$ref怎么写
for (let e = 0; e < this.addArtList.length; e++) { this.$refs[`mavon-${e}`] }原创 2022-02-22 10:29:35 · 563 阅读 · 0 评论 -
js使用split获取文件后缀
获取后缀后返回相应类型进行操作 regex(e) { var type = String(e.split('.').slice(-1)) if (type == undefined) { return 'unlonwn' } if (type == 'jpg' || type == 'jpeg' || type == 'gif' || ty原创 2021-12-14 17:41:07 · 1481 阅读 · 0 评论 -
搜索功能(高亮内容中被搜索的文字)
let list = JSON.parse(JSON.stringify(res.data.rows)) for (let i = 0; i < list.length; i++) { let content = list[i].content //需要替换的内容 let text = this.search //搜索的文字 let str = `<span style="color: red...原创 2021-12-13 15:24:14 · 415 阅读 · 0 评论 -
微信小程序解码base64
atob代替方法base64_decode (input) { // 解码,配合decodeURIComponent使用 var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; var output = ""; var chr1, chr2, chr3; var enc1, enc2, enc3, enc4; var i = 0;原创 2021-04-01 13:33:09 · 3057 阅读 · 1 评论 -
js转义html标签
将特殊符号转义会html标签replaceSpecialChar (str) { str = str.replace(/&quot;/g, '"'); str = str.replace(/&amp;/g, '&'); str = str.replace(/&lt;/g, '<'); str = str.replace(/&gt;/g, '>'); str = str.replac原创 2021-03-26 17:10:49 · 227 阅读 · 0 评论 -
手机号中间4位替换为星号(*)
// 替换手机号中间四位var str = ‘15912341234’;// 方法一str.replace(/(\d{3})(\d{4})(\d{3})/, function($0, $1, $2, $3){console.log($1+"**"+$3)})// 方法二str.replace(str.substr(3,4), '’.repeat(4));// 方法三str.substr(0,3)+"".repeat(4)+str.substr(7)...原创 2020-12-24 15:01:27 · 2354 阅读 · 0 评论 -
JS隐藏号码或者姓名
隐藏号码中间4位数var phone = " 18311110000 ";var regPhone = /^(\d{3})\d{4}(\d{4})$/;console.log(phone .trim().replace(regPhone, "$1****$2"))隐藏部分姓名 var txt = " 卫欧尼 "; /* 姓名中间部分隐藏 */ var formatName = function (name) { var newStr; if原创 2020-10-09 17:32:54 · 559 阅读 · 0 评论 -
JS根据两个日期相减得出年份(计算年龄等)
getDay(a, b) { a = new Date(a.replace(/-/g, '/')); b = new Date(b.replace(/-/g, '/')); var d = Math.abs(a.getTime() - b.getTime()) / 1000 / 24 / 60 / 60; var year = Math.fl...原创 2020-08-31 17:06:05 · 4520 阅读 · 2 评论 -
js两个时间相减得出剩余时长
//a为结束时间 timedate(a) { var date1 = new Date(a * 1000); var date2 = new Date(); var date3 = (date1 - date2) / 1000; return this.showTime(date3) }, //创建补0函数 p(s) { return s < 10 ? '0' + s : s;.原创 2020-08-29 15:54:05 · 1278 阅读 · 0 评论 -
js对josn数组进行操作
添加var list = { name:"名字", age:"20"}list.sex = "男"添加后的数组为:{name:"名字",age:"20",sex:"男"}原创 2020-08-18 09:03:22 · 125 阅读 · 0 评论 -
html使用slice报错的解决办法
在页面中使用slice, 页面报错,报错原因 是由于数组对象未定义或为null 引起的,所以查看获取数据的接口是否请求到了数据。因为加载顺序(生命周期)的问题导致先执行的时候为空,做个空数据就好了 (typeIdPro.sysqalist || ‘’)原来的代码 <span v-for="(item,index) in card_info.introduce.slice(0,2)" :key="index"原创 2020-08-12 14:20:59 · 1349 阅读 · 0 评论 -
js-时间转换
//时间转换 timestampToTime(timestamp) { var date = new Date(timestamp); this.birthday = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate(); },vant 时间选择器minDate:最小时间 maxDate:最大时间 <van-datetime-pic....原创 2020-07-14 15:34:40 · 436 阅读 · 1 评论 -
精准获取链接后参数(/)
geturl() { var url = document.location.toString(); var perid = url.split("perid/")[1].split("/")[0]; this.perid = perid }原创 2020-06-18 16:14:34 · 338 阅读 · 0 评论 -
拖拽移动div(PC端和移动端)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>Document</title>原创 2020-06-09 11:58:25 · 399 阅读 · 0 评论 -
foreach的实际应用
<foreach name="card_info.photo" item="item" key="index"> <div style="width: 100%;"> <img @click="dianji('{$item.photo}')" style="width: 100%;" src="{$item.photo}?x-oss-process=image/resize,p_70,limit_0" alt=""> </div>.原创 2020-06-02 17:17:25 · 213 阅读 · 0 评论 -
一键复制功能实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdn.suoluomei.com/common/js2.0/npm/vant@2.2/lib/index.css"> <meta name="viewport" content="width=device-width,原创 2020-06-01 14:54:55 · 1126 阅读 · 0 评论 -
常用js效果
特殊格式JSON字符串转数组时间戳参数往数组中间插入元素语法摘抄自:https://blog.csdn.net/zh_1721342390/article/details/90036832。原创 2020-05-27 16:10:45 · 1291 阅读 · 0 评论 -
JS生成随机数
1.实例说明Math.ceil(Math.random()*10); // 获取从1到10的随机整数 ,取0的概率极小。Math.round(Math.random()); //可均衡获取0到1的随机整数。Math.floor(Math.random()*10); //可均衡获取0到9的随机整数。Math.round(Math.random()*10); //基本均衡获取0到10的随机整数,其中获取最小值0和最大值10的几率少一半。//因为结果在0~0.4 为0,0.5到原创 2020-05-12 13:43:24 · 209 阅读 · 0 评论 -
原生alert弹框ios中防止出现乱码
window.alert = function (name) { var iframe = document.createElement("IFRAME"); iframe.style.display = "none"; iframe.setAttribute("src", 'data:text/plain,'); document.documentElemen...原创 2020-01-17 13:55:16 · 171 阅读 · 0 评论 -
html js数组里随机取出一个值
var arr = ["被表白","好运连连","遍地桃花","升职","加薪","健康","出名","暴富","瘦成闪电"]; var sar = Math.floor((Math.random()*arr.length)); console.log(arr[sar]);...原创 2020-01-08 16:59:41 · 1341 阅读 · 0 评论 -
正则表达式日期-转/或者/转-
//只替换第一个“-”:2010/01-05 var dt = "2010-01-05"; var dt = dt.replace("-","/"); console.log(dt);//替换所有“-”,g为全局标志,另外如果加i就忽略大小写:2010/01/05 var dt = "2010-01-05"; var dt =...原创 2020-01-03 13:38:24 · 648 阅读 · 0 评论 -
JS时间选择器(当天已过去的时间不可选择)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- <link href="__PUBLIC__/css/weixin/cart/orderindex.css" rel="stylesheet" type="text/css" />...原创 2019-12-27 18:22:24 · 1680 阅读 · 0 评论 -
js每隔一段时间调用方法
setInterval(function () { let that=this that.fangfa(); },10000)这里为每隔10秒调用一次方法:fangfa()。原创 2019-12-26 16:42:35 · 1261 阅读 · 0 评论 -
html中利用js将年月日/转为-
var date = '2019/12/26' var row = date.split('/') console.log(row.join('-'))原创 2019-12-26 09:59:28 · 2451 阅读 · 0 评论 -
移动端调试神器vConsole
<script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> <script> // 初始化 var vConsole = new VConsole(); conso...原创 2019-12-19 10:27:50 · 194 阅读 · 0 评论 -
html利用js达成文字不断滚动·
script代码 //文本滚动 function startmarquee(lh, speed, delay, index) { var t; var p = false; var o = document.getElementById("marqueebox" + index); o.innerHTML += o.in...原创 2019-12-12 16:46:03 · 244 阅读 · 0 评论 -
移动端复制粘贴
<p class="box_p" id="targetTwo">hnsskla</p><a href="weixin://"> <div class="box_bt" data-clipboard-action="copy" data-clipboard-target="#targetTwo" id="copy_btnTwo">&l...原创 2019-12-02 11:36:05 · 178 阅读 · 0 评论 -
html里的function()定义和使用
function 方法名(参数) {执行的代码}实例:function myFunction(a, b) {return a * b;}点击调用方法:1、在点击事件中调用(JQuery)$("button").click(function(){ $("#div1").load(myFunction()); });2、在点击事件中调用(JS)<div on...原创 2019-11-30 14:00:03 · 19441 阅读 · 1 评论 -
Cookie的应用(存入一个值,在下一次进入页面是调用)
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Cookie的应用</title></head><head><script> //存入Cookie的值function setCookie(cname,cvalu...原创 2019-11-27 13:59:33 · 243 阅读 · 0 评论 -
JS中显示时间的格式
Date.prototype.format = function(fmt){var o = {“M+” : this.getMonth()+1, //月份“d+” : this.getDate(), //日“h+” : this.getHours(), //小时“m+” : this...原创 2019-11-27 11:52:24 · 888 阅读 · 0 评论 -
JS语句解释
$("#date").val()val是获取此id(或者class)中的input的值原创 2019-11-26 11:48:06 · 141 阅读 · 0 评论 -
JS缓存(存入本地和取出调用)
取出数据,可调用到其他值中localStorage.getItem('mobile') //取出缓存存到本地缓存localStorage.setItem('mobile',"要存的数据") //存起来原创 2019-11-26 11:45:14 · 7648 阅读 · 0 评论 -
JS中定义全局变量的方法
JavaScript声明全局变量三种方式的异同JavaScript中声明变量格式:var(关键字)+变量名(标识符)。方式1var test;var test = 5;需注意的是该句不能包含在function内,否则是局部变量。这是第一种方式声明全局变量。方式2test = 5;没有使用var,直接给标识符test赋值,这样会隐式的声明了全局变量test。即使该语句是在一个func...原创 2019-11-25 13:43:36 · 2370 阅读 · 0 评论