
js
js相关
hi_JXL
这个作者很懒,什么都没留下…
展开
-
h5 input获取焦点,键盘弹出遮挡问题解决
键盘弹出遮挡问题方案1var originalHeight = document.documentElement.clientHeight || document.body.clientHeight;window.onresize = function() { var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight; if (resizeHeight - 0 < origin原创 2021-09-24 10:49:03 · 418 阅读 · 0 评论 -
vue嵌套app底部导航,安全区相关问题
vue项目嵌套app,全屏手机,底部tabbar 安全距离设置(被底部黑线遮挡)相关问题1、index.html 相关配置<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,viewport-fit=cover">注意:默认不添加扩展是 viewport-fit=contain,需要适配 iPhoneX 必须设置viewport-fit=cover,这是适配的关键步骤,en原创 2021-03-11 10:54:49 · 2359 阅读 · 2 评论 -
获取前30天日期
获取当前日期,前30天日期,数组 1.方法1 getMouthDate(){ this.nowDate = new Date().toLocaleDateString(); this.titleDate = []; for (var i = 0; i < 30; i++) { this.titleDate.push( new Date(new Date().setDate(new Date().getDate() - i) ).toLocaleDat原创 2021-03-09 10:19:16 · 1349 阅读 · 0 评论 -
2021-02-02
移动端视频置于最顶层问题移动端页面内有视频(video),一下安卓手机会将视频浮在最顶层,包括置于遮罩顶部,使用z-indx 无效<video width="100%" height="5rem" controls /*播放控件*/ webkit-playsinline="true" /*ios 10中设置可以让视频在小窗内播放,也就是不是全屏播放*/ x-webkit-airplay="true" playsinline原创 2021-02-02 21:33:31 · 188 阅读 · 0 评论 -
js 图片转base流
function getImgBase(url,callback) { var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), img = new Image; img.crossOrigin = 'Anonymous'; img.onload = function() { canvas.height = img.height; canvas.width = img.width; ctx原创 2020-11-20 16:48:24 · 368 阅读 · 0 评论 -
jq图片上传,页面回显
页面上传图片回显html<div class="img_list"><div class="pic_list"> <div class="item"><img src="front-img/ass_toppic.png"><span class="close" onclick="del(this)"></span></div> <div class="upload"> <input type=原创 2020-11-20 16:44:41 · 397 阅读 · 0 评论 -
h5监听手机键盘弹起
h5监听手机键盘弹起ua=window.navigator.userAgent.toLocaleLowerCase();isIos=/iphone|ipad|ipod/.test(ua)isAndroid=/android/.test(ua)// ------android-------//获取原窗口的高度var originalHeight=document.documentElement.clientHeight ||document.body.clientHeight;window.原创 2020-11-20 16:38:25 · 513 阅读 · 0 评论 -
2020-11-20
zepto.fullpage.js 移动端全屏滚动,上滑不灵活问题解决结构$('.wp').on('touchmove',function(e){ e.preventDefault();});原创 2020-11-20 15:41:46 · 121 阅读 · 0 评论 -
数组移除/过滤项
1、找到与值匹配的项,然后移除 var Array = [1,2,3,4,5]; var value=2;//移除值是2 var key = Array.indexOf(value)//找到数组中移除项的下标 Array.splice(key, 1) console.log(Array)2、移除指定项var Array = [1,2,3,4,5]Array.splice(1,1); // 不接收返回结果console.log(Array) // [1,3,4,5]原创 2020-09-03 14:44:52 · 255 阅读 · 0 评论 -
js活动距离倒计时
function formatNum(n){ if(n>9) { return ''+n; }else{ return '0'+n; }}function times(){ var enddate=new Date('2020/08/23 00:00:00'); var mydate=new Date(); var strTimes=''; var t=enddate.getTime()-mydate.getTime(); strTimes=forma原创 2020-08-22 11:34:23 · 243 阅读 · 0 评论 -
js 答题单选+多选,提交值键值对数据拼接
键值对数据拼接list=[{ title: "1、成绩不好就", answer: [{ name: "A、新版本不不不不不三星步行街哈睡不醒哈上下小巴蛇", checked: false }, { name: "B、ggggggggg", checked: false } ] id: 12, type: 1 }, { title: "2、成绩不好就222", answer: [{ name: "A、巴蛇2",原创 2020-07-28 16:59:12 · 479 阅读 · 0 评论 -
js 日期格式化
js 日期格式化dateFormat(date, format) { format = format || 'yyyy-MM-dd hh:mm:ss'; if (date !== 'Invalid Date') { let o = { "M+": date.getMonth() + 1, //month "d+": date.getDate(), //day "h+": date.getHours(), //hour "m+": date.g原创 2020-07-13 10:35:28 · 308 阅读 · 0 评论 -
js截取最后一个斜杠之后的内容
js截取最后一个斜杠之后的内容var str="http://one-piece-dev.oss-cn-qingdao.aliyuncs.com/upload/20200608/25adcd17958d8a983859cb0e594f1d1c.pdf";getName(str){ // lastIndexOf() 字符从右向左首次出现位置索引 // IndexOf() 字符从左向右首次出现位置索引 var name=str.substring(str.lastIndexOf("/")+原创 2020-07-09 16:20:21 · 2576 阅读 · 0 评论 -
js字符串数组之间的转换
1、字符串转数组var str="1,2,3,4,5"var arr= str.split(",");console.log(arr)2、数组转字符串拼接var arr=[1,2,3,4]var str=""arr.forEach(item=>{ str+=item+","})console.log(str.substring(0,str.length-1))原创 2020-07-03 13:13:02 · 291 阅读 · 0 评论 -
app嵌套h5监听返回事件
ios app 嵌套h5,点击左上角返回时,页面不刷新的坑window.onpageshow=function(e){ if(e.persisted) { //相关操作 } };原创 2020-07-03 11:12:01 · 2076 阅读 · 0 评论 -
h5 html页面生成图片
h5 html页面生成图片引入html2canvas.min.js<div class="success_content"> <!--页面生成图片存放--> <div class="shareImg" id="shareImg"></div> <!--需要生成得内容--> <div class="center_m...原创 2020-03-02 10:55:20 · 916 阅读 · 0 评论 -
js textarea \r\n换成br
js textarea \r\n换成br<textarea v-model="remark"></textarea>----------------this.remark = this.remark.replace(/\r\n/g, "<br>").replace(/\n/g, "<br>").replace(/\s/g, " ")...原创 2020-01-21 17:19:18 · 626 阅读 · 0 评论