JavaScript
阿川阿川
喜你所做,做你所爱
展开
-
阻止默认事件,浏览器滚动回弹,
document.body.addEventListener('touchmove', function (e) { e.preventDefault() // 阻止默认的事件}, {passive: false}) // 用来兼容原创 2021-09-08 12:10:03 · 231 阅读 · 0 评论 -
移动端设备判断,ios,android,判断设备,安卓
v: function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, // IE内核 presto: u.indexOf('Presto') > -1, // opera内核 webKit: u.indexOf('AppleWebKit') > -1, // 苹果、谷歌内核 gecko:转载 2021-08-17 11:53:45 · 189 阅读 · 0 评论 -
js上传视频,预览视频
js上传视频,预览视频 <video style="width:300px; height:auto;object-fit: fill;" playsinline controls webkit-playsinline="true" :src="localVideoUrl" x5-video-player-fullscreen="true" x5-video-player-type="h5"></video>注意: 要原创 2021-06-17 15:32:11 · 669 阅读 · 0 评论 -
js 获取视频,者音频时长
js 获取视频,者音频时长let fileUrl = URL.createObjectURL(file)let audioElement = new Audio(fileUrl)let timeaudioElement.addEventListener('loadedmetadata', function(_event) { time = audioElement.duration console.log('???? ✪ 行号:88', time, 'duration') //单位:秒原创 2021-06-16 17:32:16 · 593 阅读 · 0 评论 -
数据处理,二维数组
现将数据分为一级和二级let arrTemp = []let arrTempC = [] // 二级数据// 提取出一级二级数据for (let i = 0; i < data.data.length; i++) { let item1 = data.data[i].navigator if (item1.length > 0) { for (let j = 0; j < item1.length; j++) { let item2 = item原创 2021-06-13 23:45:55 · 115 阅读 · 0 评论 -
webstorm 使用别名(@)import @import 时异常的问题
webstorm 使用别名(@)import @import 时异常的问题解决:在根目录下新建 jsconfig.json{ "compilerOptions": { "target": "ES6", "module": "commonjs", "allowSyntheticDefaultImports": true, "baseUrl": ".", "paths": { "/@/*": ["./src/*"] } }, "exc原创 2021-04-09 16:14:30 · 1191 阅读 · 0 评论 -
数组常用方法
数组常用方法添加下面前三种是对原数组产生影响的增添方法,第四种则不会对原数组产生影响push()在尾部添加unshift()在开头添加splice()替换或在中间添加concat()合并// push() 方法接收任意数量的参数,并将它们添加到数组末尾,返回数组的最新长度let colors = []; // 创建一个数组let count = colors.push("red", "green"); // 推入两项// unshift() 在数组开头添加任意多个值,然后返回新的数组长原创 2021-03-12 15:36:33 · 130 阅读 · 0 评论 -
字符串常用方法总结
拼接除了常用 + 以及 ${} 进行字符串拼接之外,还可通过 concatlet stringValue = "hello ";let result = stringValue.concat("world");console.log(result); // "hello world"console.log(stringValue); // "hello"截取slice()substr()substring()let stringValue = "hello world";consol原创 2021-03-12 00:21:58 · 115 阅读 · 0 评论 -
判断设置两天后时间,时间戳
const isExpired = (playTime) => { let playTimestamp = parseInt(playTime) + (48 * 60 * 60 * 1000) // 两天后 let currentTimestamp = new Date().getTime() return currentTimestamp > playTimestamp ? true : false // 为true就是过期}const _self = thislet au原创 2021-02-09 12:47:16 · 842 阅读 · 0 评论 -
计时器使用,setTimeout,setInterval
setTimeoutlet flag = 0let timeOut = nullfunction fun() { flag++ if (flag == 10) { timeOut && clearTimeout(timeOut) } timeOut = setTimeout(() => { fun() }, 1000) console.log('???? ~ file: test.html ~ line 34 ~ flag', flag)}原创 2021-02-06 23:02:37 · 218 阅读 · 0 评论 -
监听页面滚动触发事件,页面停止滚动触发事件
监听页面滚动触发事件,页面停止滚动触发事件核心代码data() { return { timer: null, isTipVisible: true }}methods: { handleScrollStart() { this.timer && clearTimeout(this.timer) this.timer = setTimeout(() => { this.handleScrollEnd() }, 500)原创 2021-02-05 11:34:22 · 1930 阅读 · 0 评论 -
代码片段:计算倒计时
时间计算倒计时_downNowDate(preTime, startTime, endTime) { const _self = this // setTimeArr var countDown var status // + 5 * 60 * 1000 var preTimestamp = new Date(preTime.replace(/-/g, '/').valueOf()) var startTimestamp = new Date(startTime.replace原创 2021-02-02 17:43:44 · 111 阅读 · 0 评论 -
js常用方法,JS实用方法,jq获得文件后缀,解析window。location,解析URL参数
jq获取文件后缀的方法var file = "测试文档1111111111.docx"; // 文件var fileName = file.replace(/.*(\/|\\)/, ""); // 获得文件名var fileSuffix = (/[.]/.exec(fileName)) ? /[^.]+$/.exec(fileName.toLowerCase()) : ''; // 获得文件后缀var file = "测试文档1111111111.docx";var dot = file.las原创 2020-11-13 15:12:55 · 433 阅读 · 0 评论 -
js,在字符串中,查找某个字符的位置
// 获取查找某个字符的位置方法:findPosition(str, queryStr, pon) { var x = str.indexOf(queryStr) for (var i = 0; i < pon; i++) { x = str.indexOf(queryStr, x + 1) } return x}调用:第二次出现 / 的位置// '/home/pb-management'this.findPosition(path, '/', 1)应用场景原创 2020-11-04 17:01:06 · 6530 阅读 · 0 评论 -
js 加载图片无法加载成功,提示:net::ERR_BLOCKED_BY_CLIENT
1、浏览器有禁止广告的插件,关掉就可以了。2、插件图片命名是否 带有广告,ad,等词,如果有,删掉就可以。原创 2020-08-09 00:25:53 · 1594 阅读 · 0 评论 -
跳转,location.href,window.open(),load加载页面,iframe加载页面,兼容相关
跳转页面,兼容ios:window.location.href = "";跳转页面,ios无法跳转:window.open();load加载页面:$("#").load(html);$("#result").load("ajax/test.html");iframe加载页面: <iframe :src="html" frameborder="0" scrolling="auto" width="100%" height="100%"></ifr原创 2020-07-02 11:41:03 · 708 阅读 · 0 评论 -
jquery监听向上向下滑动,滑动执行操作
jquery监听向上向下滑动,滑动执行操作// 滚动之前var beforeScrollTop = $(window).scrollTop();$(window).on("scroll", function (event) { var scrollTop = $(window).scrollTop(); var delta = false; // 滚动之后 var afterScrollTop = $(window).scrollTop(); var delta = afterSc原创 2020-05-12 10:26:14 · 1609 阅读 · 0 评论 -
时间格式化,常用时间,格式
const formatData = () => { let time, YYYYMMDDnorm, YYYYMMDD, YYYY, MM, MMChinese, DD, HHMMSS; let now = new Date(); let year = now.getFullYear(); //年 let month = now.getMonth() + 1; ...原创 2020-04-18 14:35:44 · 450 阅读 · 0 评论 -
跳过微信内置浏览器缓存
跳过微信内置浏览器缓存微信资源文件被缓存怎么解决有什么好的解决办法?window.location = index.html?v=Math.random() 的方法,跳转到新页面,来变相地跳过微信内置浏览器的缓存。...原创 2020-03-03 18:26:55 · 203 阅读 · 0 评论 -
随机数,随机整数,向上向下取整
获取从 1 到 10 的随机整数,取 0 的概率极小Math.ceil(Math.random()*10); // 获取从 1 到 10 的随机整数,取 0 的概率极小。可均衡获取 0 到 1 的随机整数。Math.round(Math.random()); // 可均衡获取 0 到 1 的随机整数。可均衡获取 0 到 9 的随机整数。Math.flo...原创 2020-02-15 22:23:29 · 1125 阅读 · 0 评论 -
js设置控制滚动条位置
js设置控制滚动条位置注意:scrollLeft,scrollTop是加在 容器 上,不是加载滚动的内容上。使用:scrollLeftOffset: function () { $('.time-select').animate({ 'scrollLeft': 300 }, 0);}scrollTop也相同。还可以:$("#div").scrollTop(30...原创 2020-02-09 12:36:56 · 945 阅读 · 0 评论 -
js 网页嵌套在div的方法
js 网页嵌套在div的方法div<div class="container" id="container" style="width: 100%; height: 100%"></div>添加html:function openHtml() { var url; document.getElementById("container")....原创 2020-02-08 17:34:34 · 1272 阅读 · 0 评论 -
时间日期大小比较判断,时间戳/时间 - 转换
时间日期大小比较判断,时间戳/时间 - 转换当前时间转为时间戳:var currentTimestamp = new Date().getTime();当前时间对象var curDate = new Date(currentTimestamp); // 当前时间日期对象时间戳转为日期 var paramData = new Date(paramTimestamp); ......原创 2020-02-06 19:40:40 · 3751 阅读 · 0 评论 -
videojs报错:No compatible source was found for this media.
videojs报错:No compatible source was found for this media.分析:1. 在初始化时,没有在src中添加视频资源。2. 视频资源为空或视频资源无效无法播放。解决,检查资源是否有效,得以解决。...原创 2020-02-06 18:02:30 · 16336 阅读 · 0 评论 -
js 字符串、数值之间的转换
var num = "456"parseInt(num); // 456parseFloat(num); // 456 Number(num); // 456var num = 456 console.log(num.toString());indexOf() // 判断字符串是否包含,包含返回下标,不包含返回-1var i = str.indexOf...原创 2020-01-13 14:36:15 · 110 阅读 · 0 评论 -
videojs插件的参数解释
videojs插件的参数解释初始化<!-- vjs-big-play-centered可使大的播放按钮居住,vjs-fluid可使视频占满容器 --><video id="myVideo" class="video-js vjs-big-play-centered vjs-fluid"> <p class="vjs-no-js"> To ...转载 2019-11-01 18:28:54 · 14235 阅读 · 2 评论 -
videojs插件使用
videojs插件使用介绍:兼容性强,开源免费,文档清晰,界面可定制等使用整理:使用主要针对于移动端视频播放,考虑的点:视频显示适配手机宽度;适配定义样式;在微信端,安卓、ios视频空间控件不同,定制等会自动被微信视频控件覆盖;播放过程中定制暂停/播放按钮事件等;播放结束后定制重播、下一个视频事件,读秒播放下一个视频html<video id="videoPlay...转载 2019-10-31 11:18:54 · 7324 阅读 · 0 评论 -
js 判断移动端还是pc端,ios或者android
js 判断移动端还是pc端,ios或者android法一:function IsPC(){ var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); var ...转载 2019-10-30 15:21:32 · 500 阅读 · 0 评论 -
html5视频播放事件相关
html5视频播放事件相关使用:监听视频播放结束var myVideo = $("#videoPlayExecute");// 监听视频播放结束myVideo[0].addEventListener("ended", function () { // ...});监听视频开始播放var myVideo = $("#videoPlayExecute");//...原创 2019-10-22 14:13:54 · 388 阅读 · 1 评论 -
js 1000+简写为K,10000+简写为W
js 1000+简写为K,10000+简写为Wfunction numFormat(num) { if(num >= 10000) { num = Math.round(num/1000)/10 + 'W'; } else if (num >= 1000) { num = Math.round(num/100)/10 + 'K';...原创 2019-10-22 13:56:40 · 2335 阅读 · 0 评论 -
html5视频播放自定义视频播放暂停,解决暂停按钮在视频画面中的问题
html5视频播放自定义视频播放暂停,解决暂停按钮在视频画面中的问题一、视频播放方法var myVideo = $("#videoPlayExecute");function playPause(video, videoPlayBtnId, videoPauseBtnId) { if (video.paused) { if (videoPlayBtnId) {...原创 2019-10-17 00:09:17 · 5602 阅读 · 0 评论 -
jQuery.noop()方法
定义和用法$.noop() 函数是一个空函数。注意:此方法不接受任何参数。比如当插件提供了一个可选的回调函数接口,那么如果调用的时候没有传递这个回调函数,就用$.noop来代替执行。语法$.noop()转自:http://www.runoob.com/jquery/misc-noop.html...原创 2019-03-25 17:47:55 · 773 阅读 · 0 评论 -
FireFox不能直接调用event对象,FireFox需要通过函数参数传递事件对象
记录:var event = arguments[0]||window.event;转载 2019-03-28 16:00:22 · 152 阅读 · 0 评论 -
contentType类型,ajax内容类型
contentType类型,ajax内容类型// 默认提交类型,<form enctype="">中默认的enctype,form表单数据被编码为key/value格式发送到服务器(表单默认的提交数据的格式)contentType: "application/x-www-form-urlencoded;charset=utf-8",// text/htmlcontentT...原创 2019-03-28 15:06:25 · 1078 阅读 · 0 评论 -
jQuery Ajax - ajax()方法,参数注释
jQuery Ajax - ajax()方法,参数注释ajax(参数注释,解答):$.ajax({ // type,请求方式 type: "get", // url,地址,就是action请求路径 url: "http://localhost:8080/inventorys/", // async,同步或异步,默认值:true(异步请求) ...原创 2019-03-28 14:56:21 · 293 阅读 · 0 评论 -
pdf.js使用方法整理,web页面中pdf在线查看,web页面显示pdf文档
pdf.js使用步骤:一、到官网下载 pdf.js 插件并解压 (地址:http://mozilla.github.io/pdf.js/)若官网无法下载,通过下面链接下载,注:作者有测试方法以及使用方法介绍,大家可以查看。https://github.com/GleasonBian/PDFViewer(感谢作者)二、下面介绍自己使用步骤:1.需要本地服务器,这样方便...原创 2019-03-27 17:46:22 · 1690 阅读 · 0 评论 -
js常用方法,JS实用方法,jq获得文件后缀,解析window。location,解析URL参数
jq获取文件后缀的方法var file = "测试文档1111111111.docx"; // 文件var fileName = file.replace(/.*(\/|\\)/, ""); // 获得文件名var fileSuffix = (/[.]/.exec(fileName)) ? /[^.]+$/.exec(fileName.toLowerCase()) : ''; // 获得...原创 2019-03-26 17:47:18 · 442 阅读 · 0 评论 -
window.open()参数详解
1、window.open方法有三个参数:window.open(url, [name], [configuration])其中:url:为要新打开页面的urlname:为新打开窗口的名字,可以通过此名字获取该窗口对象configuration:为新打开窗口的一些配置项,比如是否有菜单栏、滚动条、长高等等信息例子:新打开一个没有菜单栏、标题栏、工具栏,但是有滚动条、状态栏、地址栏...翻译 2019-03-22 17:26:14 · 41477 阅读 · 1 评论 -
jquery:字符串转json对象,json对象转字符串
jquery:字符串转json对象,json对象转字符串JSON字符串:var str = '{ "name": "cxh", "sex": "man" }';JSON对象:var str = { "name": "cxh", "sex": "man" };字符串转json对象:var str = '{ "name": "cxh", "sex": "man" }';...原创 2019-03-29 15:52:33 · 7556 阅读 · 0 评论 -
indexOf()方法的使用,截取字符串,字符串截取,切割字符串,split(),join(),Replace()
indexOf()方法indexOf() 方法可返回,某个指定的字符串值在字符串中首次出现的位置。// indexOf() 方法对大小写敏感!// 如果要检索的字符串值没有出现,则该方法返回 -1。// 没有是: === -1 或 < 0,有就是: !== -1// 写法:stringObject.indexOf(searchvalue,fromindex)// 参数/...原创 2019-03-29 15:48:31 · 1516 阅读 · 0 评论