js
关注
分享
扫一扫
前端黑眼圈
这个作者很懒，什么都没留下…
展开
-
借助 Promise判断多张图片是否加载完成
var urls = ["https://sina-static.oss-cn-beijing.aliyuncs.com/images/slide/300250_1.jpeg", "https://sina-static.oss-cn-beijing.aliyuncs.com/images/slide/300250_2.jpeg"];let promiseAll = [], imgs = [], total = urls.length;for (let i = 0; i < total原创 2022-02-11 14:09:43 · 737 阅读 · 0 评论 -
HTML5 视频流行插件之video.js
从往上找到到一篇文章。我觉得写的还挺详细的。可以分享一下。video.js转载 2021-12-13 14:07:34 · 483 阅读 · 0 评论 -
使用async与await封装ajax请求
封装ajax 的es6升级版<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>发送 AJAX 请求</title></head> <body&原创 2021-12-02 20:49:50 · 872 阅读 · 0 评论 -
h5 浏览器唤醒app 兼容版本
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>ho原创 2021-11-12 17:06:01 · 1690 阅读 · 0 评论 -
移动端调试工具两种方案
一：<script src="https://g.alicdn.com/code/lib/vConsole/3.3.4/vconsole.min.js"></script><script> console.log(new VConsole());</script>二：<script src="//cdn.bootcss.com/eruda/1.4.2/eruda.min.js"></script>//<scr原创 2021-11-03 10:56:33 · 232 阅读 · 0 评论 -
JS设置Cookie过期时间
JS设置Cookie过期时间//设置cookiefunction setCookie(name,value){ var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();}获取cookiefunction getCo原创 2021-10-28 20:48:27 · 1775 阅读 · 0 评论 -
用js来判断用户端浏览器方法
用js来判断用户端浏览器function getBrowserInfo(){ var ua = navigator.userAgent.toLocaleLowerCase(); var browserType=null; if (ua.match(/msie/) != null || ua.match(/trident/) != null) { browserType = "IE"; browserV原创 2021-10-28 11:14:01 · 246 阅读 · 0 评论 -
js判断页面是首次加载还是被刷新
两种方法；一：<script language="javascript"> window.addEventListener("beforeunload", function(event) { vm.slideId = Number(vm.slideId) + Number(1); if (vm.slideId > 3) { vm.slideId = 0; } setAccessToken('localLongNum原创 2021-10-14 20:42:50 · 408 阅读 · 0 评论 -
vue倒计时：天时分秒
<p>倒计时：{{day}}天 {{hour}}：{{min}}：{{second}}</p>data () { return { curStartTime: '2019-07-31 08:00:00', day: '0', hour: '00', min: '00', second: '00', }},// 倒计时countTime () { // 获取当前时间 let date = new Date() l原创 2021-07-26 18:49:09 · 2262 阅读 · 0 评论 -
js实现四舍五入完全保留两位小数的方法
/** * js保留两位小数（不四舍五入） * @description formatDecimal */export function formatDecimal(num, decimal) { num = num.toString() let index = num.indexOf('.') if (index !== -1) { num = num.substring(0, decimal + index + 1) } else {原创 2021-07-26 11:37:54 · 473 阅读 · 0 评论 -
JS提取任意两个数组的公共部分（超简单）
const intersection = (a, b) => { const s = new Set(b); return [...new Set(a)].filter(x => s.has(x));};intersection([1, 2, 3], [4, 3, 2]); // [2, 3]转载 2021-07-15 14:03:26 · 1394 阅读 · 0 评论 -
js 日期整理
// 获取当前时间function nowDate() { var now = new Date(); var yy = now.getFullYear(); //年 var mm = now.getMonth() + 1; //月 var dd = now.getDate(); //日 var hh = now.getHours(); //时 v...原创 2019-10-08 16:37:07 · 113 阅读 · 0 评论 -
js 数字 转换 百 千 万 亿显示
js 数字 转换 百 千 万 亿显示var changeUnit = function(value) { let newValue = ['', '', '']; let fr = 1000; const ad = 1; let num = 3; const fm = 1; while (value / fr >= 1) { fr *= 10;原创 2021-06-29 20:10:33 · 1151 阅读 · 0 评论 -
vue实时监听屏幕body 的宽度变化
mounted(){ window.onresize = function () { //监听屏幕的改变 setTimeout(function () { that.refresh(); }, 10) };}methods: { refresh() { let devicewidth = document.documentElement.clientWidth; console.log(devicewidth); // i原创 2021-06-23 16:06:10 · 913 阅读 · 0 评论 -
js保留两位小数（不四舍五入）
js保留两位小数（不四舍五入）function formatDecimal(num, decimal) { num = num.toString() let index = num.indexOf('.') if (index !== -1) { num = num.substring(0, decimal + index + 1) } else { num = num.substring(0) } return parseFl原创 2021-06-03 15:29:07 · 624 阅读 · 0 评论 -
js 时分秒与秒数的转换
1. 时间戳 格式化为 时分秒（00:00:00）/** * 时间秒数格式化 * @param s 时间戳（单位：秒） * @returns {*} 格式化后的时分秒 */ var sec_to_time = function(s) { var t; if(s > -1){ var hour = Math.floor(s/3600); var min = Math.floo原创 2021-05-27 21:48:25 · 1700 阅读 · 0 评论 -
js改变数组的两个元素的位子，互换、置顶
//js数组的元素上移和下移动var fieldData=[ {name:'id',value:'ID'} , {name:'username',value:'用户名'} , {name:'email',value:'邮箱'} , {name:'sex',value:'性别'} , {name:'city',value:'城市'} , {name:'sign',value:'签名'} , {name:'experience',val原创 2021-04-27 12:05:11 · 1876 阅读 · 0 评论 -
es6 [“1“,“2“,“3“]转换成[1,2,3]
let nameList = ["1","2","3"]nameList.map(Number)小炒面原创 2021-04-14 18:08:25 · 373 阅读 · 0 评论 -
封装本地缓存加过期时间
var oldDate = new Date(); var dateOver = new Date( oldDate.getFullYear(), oldDate.getMonth(), oldDate.getDate() ).getTime() + 1000 * 60 * 60 * 24; //次日凌晨清楚数据// local缓存// var date = new Date()..原创 2021-02-09 15:15:06 · 170 阅读 · 0 评论 -
css + jquery 数字滚动效果
<div class="codeNum" style="height: 20px; left: 25%"></div>script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script type="text/javascript" src="js/gScrollNumber.js"></script> <script type="tex原创 2021-02-09 15:13:25 · 208 阅读 · 0 评论 -
jquery 转盘抽奖
HTML<div class="content"> <div class="subBox"> <div class="subBoxTxt">持有金币数</div> <div class="codeNum" style="height: 20px; left: 25%"></div> </div> <img src="./image原创 2021-02-09 15:10:17 · 265 阅读 · 0 评论 -
原生jqury 根据点击事件判断宝箱开启状态
宝箱状态做缓存配合转盘的点击次数window 方法是跟原生那边的交互HTML<div class="boxDiv"> <!-- <img src="./images/taizi.png" alt="taizi" class="taiziImg" /> --> <div class="boxTxt"> 再抽奖 <span class="rewar原创 2021-02-09 15:01:40 · 123 阅读 · 0 评论 -
js中判断两个时间的前后关系
判断函数CompareDate(d1, d2) {return ((new Date(d1.replace(/-/g, “/”))) > (new Date(d2.replace(/-/g, “/”))));}传入值，如果第一个值晚于第二个值则返回true，否则返回falselet current_time = “2007-2-2”;let stop_time = “2007-1-31”;console.log(‘判断两个时间’, this.CompareDate(current_ti原创 2020-11-10 11:20:06 · 1094 阅读 · 0 评论 -
JS四种方法去除字符串最后的逗号
var obj = {name: "xxx", age: 30, sex: "female"};//定义一个object对象 4 var str = ''//定义一个空字符用来接收对象里的key或者value 5 for(var item in obj) {//遍历item变量里的对象的属性和元素， 6 str += obj[item] + ","//将obj对象的值遍历出来，并且追加到str字符中。 7 //str +原创 2020-05-29 13:56:21 · 520 阅读 · 0 评论 -
移动端日历控件 mobiscroll 的简单使用、参数设置
移动端日历控件 mobiscroll 的简单使用、参数设置mobiscroll 在性能方面比较好，可选用多种效果，滑动效果也比较顺畅。提供样式文件和js文件，直接点击下载，该版本是 mobiscroll 2.13的官方地址 ：https://docs.mobiscroll.com/2-17-2下载地址： http://note.youdao.com/yws/public/redirect/...原创 2019-12-28 15:35:12 · 804 阅读 · 0 评论 -
js字符换行
// 换行 transBr : function (val){ return (val + '').replace(/\n/g,"<br/>") },原创 2019-12-27 10:17:19 · 163 阅读 · 0 评论 -
js中判断两个时间的前后关系
js中判断两个时间的前后关系判断函数CompareDate(d1, d2) {return ((new Date(d1.replace(/-/g, “/”))) > (new Date(d2.replace(/-/g, “/”))));}传入值，如果第一个值晚于第二个值则返回true，否则返回falselet current_time = “2007-2-2”;let stop...原创 2019-12-23 15:39:32 · 662 阅读 · 0 评论 -
Js判断是否是微信内置浏览器打开
Js判断是否是微信内置浏览器打开话不多说直接上代码//判断是否微信登陆 function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os ...原创 2019-12-20 11:29:19 · 220 阅读 · 0 评论 -
console对象
console对象是JavaScript的原生对象，它有点像Unix系统的标准输出stdout和标准错误stderr，可以输出各种信息用来调试程序，而且还提供了很多额外的方法，供开发者调用。它的常见用途有两个。显示网页代码运行时的错误信息。提供了一个命令行接口，用来与网页代码互动。2.console对象的方法2.1 log()，info()，debug()console.log方法用于在...原创 2019-12-05 14:57:40 · 178 阅读 · 0 评论 -
js求对象数组的交集/并集/差集/去重
1.求交集var arr1 = [{name:'name1',id:1},{name:'name2',id:2},{name:'name3',id:3}];var arr1Id = [1,2,3]var arr2 = [{name:'name1',id:1},{name:'name2',id:2},{name:'name3',id:3},{name:'name4',id:4},{name:'...原创 2019-11-28 11:29:16 · 818 阅读 · 0 评论 -
原生封装ajax
//readyState// 1：请求已经建立，但是还没有发送，还没有调用 send()。// 2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。// 3：请求在处理中；通常响应中已有部分数据可用了，没有全部完成。// 4：响应已完成；您可以获取并使用服务器的响应了var host = 'http://..' //ip地址//get 方式请求function http...原创 2019-10-23 16:43:19 · 79 阅读 · 2 评论