js
三人行,必有我师!!!
三人行,必有我师!!!
展开
-
数组对象排序方法
【代码】数组对象排序方法。原创 2023-06-07 10:57:53 · 132 阅读 · 0 评论 -
sort()排序bug
【代码】sort()排序bug。原创 2023-06-07 10:56:33 · 127 阅读 · 0 评论 -
在vue或html中如何使用百度地图
【代码】在vue或html中如何使用百度地图。原创 2022-10-11 14:23:20 · 345 阅读 · 1 评论 -
js获取class为xx的元素,并循环使用
理解JavaScript里的 [].forEach.call() (Array.prototype.forEach.call(...))写法获取class为xx的元素,并循环使用原创 2022-10-11 14:14:15 · 1071 阅读 · 0 评论 -
js 获取今天后的第N天的具体日期
js 获取今天后的第N天的具体日期GetDateStr(AddDayCount) { let dd = new Date(); dd.setDate(dd.getDate() + AddDayCount);//获取AddDayCount天后的日期 let y = dd.getFullYear(); let m = (dd.getMonth() + 1) < 10 ? '0' + (dd.getMonth() + 1) : (dd.getMont原创 2021-11-29 15:51:26 · 445 阅读 · 0 评论 -
宏任务和微任务的执行顺序
参考文章:https://www.jianshu.com/p/5b4c4756e461一、宏任务(macrotask) 1、发起者:宿主(Node、浏览器) 2、事件:script(整体代码)、setTimeout、setInterval、setImmediate(Node.js 环境)、UI事件、I/O(Node.js) 3、运行:后运行二、微任务(microtask) 1、发起者: JS引擎 2、事件:Promise、Mutai原创 2021-08-04 09:50:48 · 743 阅读 · 0 评论 -
使用git代码控制版本工具 提交代码流程
一:本地修改提交到本地的缓冲区 git add . 二:本地缓冲区的内容提交到本地仓库 git commit -m "project init"三:本地代码推送到线上 git push原创 2021-03-04 16:36:47 · 148 阅读 · 1 评论 -
点击按钮,不执行input的blur方法
场景vue点击按钮不触发输入框失去焦点事件之前在代码运行中发现 在给input添加失去焦点事件后(blur),点击返回按钮也触发了input失去焦点事件。解决方法:使用event.preventDefault();原创 2021-01-27 10:46:28 · 3341 阅读 · 0 评论 -
数字千分位转换
/** * 将数值四舍五入后格式化. * * @param num 数值(Number或者String) * @param cent 要保留的小数位(Number) * @param isThousand 是否需要千分位 0:不需要,1:需要(数值类型); * @return 格式的字符串,如'1,234,567.45' * @type String */ .原创 2020-09-23 14:20:41 · 1252 阅读 · 0 评论 -
input做限制,输入小数
只允许输入数字(整数:小数点不能输入)<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" >允许输入小数(两位小数)<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" >允许输入小数(一位小数)<input type="text" onkeyup="value=value.rep..原创 2020-09-15 15:23:07 · 1252 阅读 · 1 评论 -
JS 使用 SHA1 加密示例
使用示例import { sha1 } from '@/support/plugin/sha1.js'sha1(sign_str)js代码 function encodeUTF8(s) { var i, r = [], c, x; for (i = 0; i < s.length; i++) if ((c = s.charCodeAt(i)) < 0x80) r.push(c); else if (c < 0x800) r.pu原创 2020-08-20 14:56:37 · 1296 阅读 · 1 评论 -
vue使用javascript动态创建script - vue动态引入外部js文件
// 创建script标签,引入外部文件let script = document.createElement('script')script.type = 'text/javascript'script.src = 'http://xxx.xxx.js'document.getElementsByTagName('head')[0].appendChild(script)// 创建script标签,执行script内容let script = document.createElement.转载 2020-08-05 16:55:00 · 4816 阅读 · 1 评论 -
js 获取dom元素距离顶部的位置
document.getElementById('filter').getBoundingClientRect().top其他的都是垃圾原创 2020-07-31 10:43:19 · 11215 阅读 · 8 评论 -
iframe嵌套微信公众号文章
<iframe style="min-height:100vh;width:100%;border-width: 0;" id="iFrame" width="100%"></iframe>function getUrl(URL) { let http = (window.location.protocol === 'http:' ? 'http:' : 'https:'); //调用跨域API .原创 2020-07-28 13:42:53 · 3026 阅读 · 5 评论 -
H5页面,判断是在微信浏览器还是小程序 打开
// 判断是否在微信小程序中打开 var ua = window.navigator.userAgent.toLowerCase(); let that = this; if(ua.match(/MicroMessenger/i) == 'micromessenger'){ //判断是否是微信环境 //微信环境下 wx.miniProgram.getEnv(function(res) { .原创 2020-07-22 15:42:33 · 3386 阅读 · 0 评论 -
上传图片并预览
<div class="faceimg"> <img :src="faceImg" alt=""> <input @change="xmTanUploadImg" id="uploadFile" type="file" accept="image/*" mutiple="mutiple" capture="camera"> </div>xmTanUploadImg(el){ var that = .原创 2020-07-21 15:17:14 · 101 阅读 · 0 评论 -
js 实现点击复制内容
场景:页面有一个按钮,点击按钮可以复制一个链接,直接粘贴会有内容代码:<input class="xcx_url_short" type="text" id="url" style="opacity:1" :value="info.xcx_url_short" disabled><mt-button @click="copyUrl()" type="primary">点击复制链接</mt-button> js//点击复制 copyUrl原创 2020-07-10 17:31:32 · 4846 阅读 · 0 评论 -
vue里ref ($refs)用法
https://www.cnblogs.com/goloving/p/9404099.html原创 2020-06-16 17:04:14 · 1150 阅读 · 0 评论 -
setTimeout在vue中的正确使用
mounted(){ setTimeout(this.tishi(),5000) },这样写,发现直接就执行了tishi函数,而不是5s之后执行修改为:mounted(){ let _this = this; setTimeout(() => { _this.tishi() },5000) },转载 2020-06-04 15:08:05 · 6247 阅读 · 0 评论 -
关于url上面传参,有中文 decodeURIComponent和encodeURIComponent
后台给的地址中拼接参数有中文的,前端需要处理一下,以防乱码decodeURIComponent(string); ==解码encodeURIComponent(string) ==编码原创 2020-06-03 20:53:26 · 417 阅读 · 0 评论 -
根据国际标准时间,获取当前月份的第一天和最后一天
getCurrentMonthFirst(date){ // var date=new Date(); date.setDate(1); var month = parseInt(date.getMonth()+1); var day = date.getDate(); if ...原创 2020-04-26 11:02:10 · 830 阅读 · 0 评论 -
判断是否是空对象
var endValue = {};if (JSON.stringify(endValue) == "{}"){}原创 2020-02-18 09:44:46 · 69 阅读 · 0 评论 -
前端题集
1.const b="1"+2-'3'console.log(b)结果为9;考点:+和-是隐式转换。"1"+2 变成12 2.let arr1=[1,2,3,4],i=0; arr1[i++]=arr1[i++]*2; console.log(arr1)输出结果:[4,2,3,4]3.let a=2; s...原创 2019-12-23 16:01:51 · 122 阅读 · 0 评论 -
关于 session 和localstorage
使用场景:一个项目中,写了3个网站,3个网站用的不同登录,但是接口均需要传token,等共同字段。方案:使用session存储各自的信息过程:先试了localStorage存储,发现两个浏览器标签页中,存的结果都是一样的。然后试了session,发现是不同的,各自存储了各自的信息,达到了我想要的效果。原理:sessionStorage、localStora...原创 2019-12-20 09:26:34 · 1301 阅读 · 0 评论 -
vue中使用 .split 报错
<spanv-for="descinitem.productDesc.split(',')":key="desc.id">{{desc}}</span>报错改为<spanv-for="descin(item.productDesc||'').split(',')":key="desc.id">{{desc}}</span&...原创 2019-11-14 09:54:41 · 2628 阅读 · 3 评论 -
JS两个字符串日期相减得出天数
// 时间差获取天数 getDaysByDateString(dateString1,dateString2){ var startDate=Date.parse(dateString1.replace('/-/g','/')); var endDate=Date.parse(dateString2....原创 2019-04-28 15:06:55 · 2225 阅读 · 0 评论 -
js比较两个时间的大小
// 比较时间大小 compareDate(date1,date2){ var oDate1 = new Date(date1); var oDate2 = new Date(date2); if(oDate1.getTime() > oDate2.getTime()){...原创 2019-04-23 19:06:59 · 38177 阅读 · 1 评论 -
vue中,a标签href拼接字符串
<a target="_blank" v-bind:href="['@/../static/protocol/protocol_'+giftInslist[activeNum].product_code+'.html']">《投保须知》及《保险条款》 (见“详细说明”)</a>...原创 2019-04-22 14:10:45 · 4343 阅读 · 0 评论 -
点击弹窗关闭,阻止冒泡
用 e.target==this if(e.target==this){ $(this).hide(); }原创 2019-02-26 09:27:15 · 472 阅读 · 0 评论 -
H5判断网络状态
https://blog.csdn.net/ycb1689/article/details/83022750?utm_source=blogxgwz1转载 2019-02-18 13:31:32 · 1755 阅读 · 0 评论 -
获取url的域名,参数,值
一:获取url的参数例如url为:http://xxx:15200/shareDown?recom_uuid=c7c02390-aee5-71fa70af031e&from_recom=01想要获取?后面的参数值,可以用下面的方法//获取url的参数信息 function getQueryString() { var name,value; ...原创 2019-02-18 11:06:36 · 1652 阅读 · 0 评论 -
JS 正则符合手机号和座机号
if (!(/^1[3|5|8]\d{9}$/.test(this.formValidate.contact_tel) || /^0\d{2,3}-?\d{7,8}$/.test(this.formValidate.contact_tel) ) ) { console.log("联系人电话输入不正确")}原创 2019-05-12 19:33:25 · 2032 阅读 · 1 评论 -
微信公众号项目,获取openid的坑
openid在java端,三级二跳程序中存储在了cookie中,在前端页面,需要首先获取cookie中的openid,否则打不开页面//获取cookie中的信息 function get_cookie(Name) { var search = Name + "=";//查询检索的值 var returnvalue = "";...原创 2019-05-12 19:46:40 · 953 阅读 · 5 评论 -
JS 获取时间 年月日
//获取当前时间,格式YYYY-MM-DDfunction getNowFormatDate(res) { var date = new Date(res); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate ...转载 2019-07-08 14:53:42 · 106 阅读 · 0 评论 -
js判断变量未定义
用typeofif(name=='' || typeof(name) =='undefined'){ this.$router.back(-1) }else{ this.$router.push({name:name}) }原创 2019-07-09 18:25:51 · 164 阅读 · 0 评论 -
vue实现每隔几秒请求一次接口(轮询)
项目中我们经常需要实现轮询-每隔几秒请求一次接口刷新数据一般都会使用setInterval,但要注意单纯使用它会导致页面卡死,关于怎么解决这个问题感谢年树先生的分享,在此做个记录方便以后查阅原博地址如下:https://www.qdfuns.com/article/51117/15a67319ddea5b043a466583d7e734c6.html解决方法如下:window.s...转载 2019-08-30 16:03:14 · 19496 阅读 · 0 评论 -
vue input上传图片,实时预览
1.html<div class="rz-picter"> <img :src="avatar" class="img-avatar"> <input type="file" name="avatar" id="uppic" accept="image/gif,image/jpeg,image/jpg,image/png" @cha...原创 2019-09-19 15:14:33 · 3009 阅读 · 1 评论 -
input type = file 在部分安卓手机上无法调起摄像头和相册
移动端H5web 用input type = file 在部分安卓手机上无法调起摄像头拍照,有的也无法访问相册而是直接访问了文档,解决办法是:加上 accept = "image/*" 防止打开是的文档,加上mutiple="mutiple" 可以再打开的时候选择是打开相册还是使用摄像头,一般加这两个属性即可,需要调用摄像头的加上capture="camera"以兼容不同的安卓手机&l...原创 2019-10-10 15:29:03 · 9130 阅读 · 2 评论 -
图片上传压缩
<input type="file" name="avatar" id="uploadImage" accept = "image/*" mutiple="mutiple" @change="handleImgUpload()" ref="file" class="uppic">jshandleImgUpload(){ const files = do...原创 2019-10-11 11:28:49 · 153 阅读 · 0 评论 -
js判断数组或对象中的key是否存在
var resource = {'1':{id:11},'2':{id:22},'3':{id:33},'4':{id:33},'5':{id:33},'6':{id:33},'7':{id:33},'8':{id:33}};方法一:resource .hasOwnProperty('2');// 返回true或者false方法二:'2' inresource ...原创 2019-10-11 16:39:46 · 6184 阅读 · 0 评论