JavaScript
js
Mickey_于浩
————————Mickey mouse
展开
-
绑定longtap事件同时会触发tap事件问题
解决ongtap事件和tap事件冲突问题原创 2022-03-28 16:33:00 · 738 阅读 · 0 评论 -
JavaScript —— 数组转成字符串 (新方法,另辟蹊径!)
众所周知js中数组转成字符串使用join方法字符串转成数组使用split方法例如:var arr = [1,2,3];console.log(arr.join()); // '1,2,3'console.log(arr.join('.')); // '1.2.3'var str = 'a,b,c';console.log(str.split()); // [a,b...原创 2020-04-27 14:36:06 · 255 阅读 · 0 评论 -
屏幕滚动到页面某个位置,导航栏固定顶部功能。临近值闪烁问题解决办法
在前端开发中,又是会遇到实现页面中有个导航栏,页面滚动到导航栏位置时,导航栏固定在顶部。滚动回去,导航栏再恢复到页面中。我们需要获取 :1. 导航栏在页面中距离窗口顶部的高度 top2. 时刻检测窗口滚动的高度 scrollTop当 scrollTop >= top时 说明页面已经滚动到导航的位置了,这时候使用给导航添加个class然后设置导航position:fixed...原创 2019-08-06 17:52:25 · 2343 阅读 · 0 评论 -
javascript—— JS 深拷贝与浅拷贝方法总结
<script> var arr1 = [1,2,3,{a:4}]; var arr2 = []; //浅拷贝 function shallowCopy(a1, a2){ a2 = a1; } //普通元素为深拷贝,对象为浅拷贝 function copy(a1, a2){ //a2 = a1.slice();//第一种 //a2 = a1.concat()...原创 2019-04-29 11:50:07 · 621 阅读 · 0 评论 -
虚线
var w = $("#divdiv").width(); var x = Math.floor(w/28); for(var i=0;i $("#divdiv").append(""); } $("#divdiv span").css({'width':'25px','margin-left':'3px','border-bottom':'1原创 2017-09-13 11:19:01 · 351 阅读 · 0 评论 -
JavaScript——页面指定字符或字符串高亮显示的方法
在很多地方,例如搜索关键字,我们需要将结果中的匹配的关键字高亮显示出来,我们可以用下面的方法来实现例如:将诗中的“的”字全部显示橘黄色 Document 又一个清晨 如昨天一般下着小雨 我撑着伞 走在每天必经的路上 汽车发动机的声音 车轮辗过水洼的声音 周围人走路的声音 一切都如往常一样 却都没有此时 显得那么悦耳动听原创 2017-08-09 18:09:39 · 10364 阅读 · 5 评论 -
JavaScript开发——加载在线图片完整功能实现方法(正在加载-加载成功-加载失败)
在开发中,我们加载一些不是本地的图片的时候,在加载的时候我们需要显示等待动画,加载完成等待动画消失,如果加载失败则显示加载失败的提示。之前有篇是CSS——实现图片等比例正方形显示,宫格排列http://blog.csdn.net/yu17310133443/article/details/72674390这个就根据上次的布局样式来写HTML页面我们默认放的是加载动画的图片:原创 2017-07-06 16:50:27 · 2471 阅读 · 0 评论 -
JavaScript——计算两个时间间隔的分钟数
function TimeDifference(){ //定义两个变量time1,time2分别保存开始和结束时间 var time1="2009-12-02 12:25"; var time2="2009-12-03 12:35"; //判断开始时间是否大于结束日期 if(time1>time2){ alert("开始时间不能大于结束时间!"); ret原创 2017-06-22 14:49:51 · 8871 阅读 · 0 评论 -
JavaScript——判断手机设备类型(ios/android)
var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 alert('是否是Android:'+i原创 2017-03-08 18:17:06 · 1828 阅读 · 0 评论 -
JavaScript——封装输出log信息的方法
在开发中,在我们的代码中,我们总需要console.log信息来给我们信息,以便处理和修改代码,找bug。但是console.log的信息格式确不是我们想要的。下面是我自己封装的一个小方法。var add0 = function(obj){ if(obj<10){ obj = '0'+obj; return obj; }else{ return obj;原创 2017-02-24 16:19:50 · 1592 阅读 · 0 评论 -
JavaScript——图片base64编码转化成blob对象
function convertImgDataToBlob(base64Data) { var format = "image/jpeg"; var base64 = base64Data; var code = window.atob(base64.split(",")[1]);原创 2017-03-01 15:25:12 · 12183 阅读 · 0 评论 -
JavaScript——图片转化为base64编码
var img = "imgurl";//imgurl 就是你的图片路径function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getCon原创 2017-03-01 15:23:21 · 9006 阅读 · 6 评论 -
利用JS判断图片,文件是否存在的几种方法
有时候,我们读取一个图片或文件的时候,我们不知道图片和文件是否存在。所以可以事先判断一下图片和文件在服务器上是否存在。方法1:判断图片是否存在。function isHasImg(pathImg){ var ImgObj=new Image(); ImgObj.src= pathImg; if(ImgObj.fileSize > 0 || (ImgObj.widt原创 2016-11-16 10:46:53 · 28398 阅读 · 5 评论 -
去掉菜单栏全屏显示
function fullScreen() { var el = document.documentElement; var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen; if (typeof rfs != "un原创 2016-10-26 15:00:07 · 1128 阅读 · 0 评论 -
Javascript url地址传参及获取参数的简单实用方法(利用正则表达式)
采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)function GetParameter(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)ret原创 2016-10-14 17:27:25 · 3647 阅读 · 0 评论 -
ionic开发——图片加载失败或不存在时显示提示图片的解决方法
当图片加载失败或者不存在的时候,我们需要一张提示图片来代替他。用判断就太麻烦了,img有自己的方法onerror , 当找不到图片的时候就会执行onerror里面的代码例如: 当1.jpg找不到的时候,会自动加载2.jpg. 那如果2.jpg也找不到怎么办?就会一直执行onerror里面的代码,陷入死循环。所以,我们可以这原创 2016-09-19 09:47:30 · 4484 阅读 · 0 评论 -
正则验证——常用的正则表达式
常用正则表达式说明:正则表达式通常用于两种任务:1.验证,2.搜索/替换。用于验证时,通常需要在前后分别加上^和$,以匹配整个待验证字符串;搜索 /替换时是否加上此限定则根据搜索的要求而定,此外,也有可能要在前后加上\b而不是^和$。此表所列的常用正则表达式,除个别外均未在前后加上任何限 定,请根据需要,自行处理。正则表达式(英文:Regular Expression)在计算机科学原创 2016-09-12 10:08:40 · 14803 阅读 · 1 评论