JS实用代码
阵雨丶
这个作者很懒,什么都没留下…
展开
-
杂记
仅作为个人记录使用杂记倒计时转译特殊字符获取屏幕宽度 、浏览器大小发生变化jq清除style样式去掉IE11input后面隐藏的X和眼睛点击缓慢的移动到页面顶部修改滚动条样式vue跳转路由的时候返回顶部vue跳转相同路径报错问题rsa加密vue中px自动生成rem倒计时 function countDown(timestamp) { var d = Math.floor(timestamp/1000/60/60/24); var h= Ma原创 2020-08-10 18:15:21 · 196 阅读 · 0 评论 -
在手机端浏览器模拟F12(实用小工具)
大家可能会遇到一些谷歌浏览器模拟手机端没问题,但是真机上会出现的bug,真机上没有F12,很难定位bug原因。偶尔找到一款工具,可以方便的在手机端打开F12,记录一下分享给大家。这款工具就是vconsole,记录一下使用方法:一、多页面,用script的方式引入首先引入vconsole<script src="http://wechatfe.github.io/vcon...原创 2019-11-28 18:10:35 · 20786 阅读 · 0 评论 -
js增加月份
var d=new Date("2019-5-31"); d.setMonth(d.getMonth()+6); var m=d.getMonth()+1; var da=d.getDate(); console.log(m) console.log(da)注意:js计算的加6个月之后,时间是12-1,后台java使用工...原创 2019-05-28 09:43:38 · 2117 阅读 · 0 评论 -
ios时间转时间戳获取不到的问题
new Date('2016-07-18 14:58:32').getTime(); //在ios上死活拿不到时间戳参考了一篇文章 在IOS5以上版本(不包含IOS5)中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。 但是在IOS5版本里面的Safari解释new Date('2013-10-2...转载 2018-05-29 16:21:22 · 1278 阅读 · 0 评论 -
利用高德地图api进行定位
一、精准定位,需要https,需要用户手动同意。 在初次进入时进行定位,定位成功,保存定位所在城市。再次进入不定位,使用上一次的定位。1.首先引入高德地图api<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.1&key=你自己的key"></script>2.在页面加入一个d...原创 2018-04-19 15:57:36 · 7984 阅读 · 0 评论 -
手机软键盘搜索按钮实现点击搜索功能
手机软键盘实现搜索功能最近一个移动端的项目需要实现点击手机软键盘的搜索键实现点击页面搜索按钮相同的功能,虽然功能挺小但是度娘了不短的时间才达到需求,下边我就大概的说一下实现思路希望对大家有所帮助功能需求点击软键盘实现点击go一样的搜索功能功能实现查了好多文章基本上都说的是监听keydown事件和判断键盘键值码,本人也试过那个适用于键而软键盘我没能用这个方法实现我的的form的onsubmit方法实...转载 2018-04-13 11:54:55 · 2963 阅读 · 0 评论 -
利用canvas把二维码和图片合成海报
思路:在微信中登录,后台传来的是一个链接、一个名字、一张图片。把图片当做背景,画满整个画布。之后需要把链接转为二维码,使用jq.qrcode转化,转化完成后是一个canvas,把这个canvas再转成一张图片,画到大的画布上。把名字画到画布上。把整张画布转为图片。一、定义画布和合成海报的img<style type="text/css">#canbox { width: 100%;...原创 2018-04-09 20:40:24 · 17352 阅读 · 20 评论 -
手机号、身份证号中间变成********
用到了substr方法substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。语法stringObject.substr(start,length)参数描述start必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。length可选。子串中的字符数。必须...原创 2018-03-21 13:37:59 · 5358 阅读 · 1 评论 -
前端使用jquery.qrcode生成二维码
1.在页面引入jq和jq.qrcode<script src="../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script><script src="../js/jquery.qrcode.min.js" type="text/javascript" cha原创 2018-03-30 10:46:53 · 874 阅读 · 0 评论 -
常用正则
手机号正则:var myreg=/^[1][3,4,5,7,8][0-9]{9}$/; if (!myreg.test($poneInput.val())) { return false; } else { return true; } 邮政编码正则:/^[1-9]\d{5}$/简单的身份证判断:var reg = /(^\d{15}$)|(^\d...原创 2018-03-19 14:56:30 · 237 阅读 · 0 评论 -
js切割url后面?字符串方法
一、单个值var url = location.search; //获取url中"?"符后的字串 location.search.split("=")[1]//=后面保留二、多个值function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); va转载 2017-07-10 21:59:14 · 2123 阅读 · 0 评论 -
输入限制总结
一、限制<input>中输入的最大字符数<input type="text" name="email" maxlength="11" /> //最多输入11个数后来发现当input="number”时,maxlength不管用,改变一下思路<input type="number" name="" value="&quo原创 2018-01-13 17:22:23 · 495 阅读 · 0 评论 -
如何防止鼠标移出移入子元素触发mouseout和mouseover事件
我想实现的目标:当鼠标进入黑色框时,橙色框执行淡入动画;当黑色框范围移动的时候(即使经过粉色框,动画仍然不被触发);当鼠标移出的时候,橙色方块消失。遇到的问题阐述:当鼠标移入黑色框的时候,橙色框执行淡入动画,但是当鼠标从黑色框经过粉色框的时候,橙色框就消失了,然后又执行一遍淡入动画。当鼠标从粉色框移出到黑色框的时候,橙色框的淡入动画又被执行。这不是我想要的。初期代码:<!DOC...原创 2017-08-11 13:11:21 · 14418 阅读 · 2 评论 -
前端国际化,用jquery.i18n完成中英文切换
顾名思义,用jquery.i18n首先需要引入jquery。头部文件如下//英文js主要内容: 你好 欢迎lang-en.js如下: i18n_dict = { "你好": "hellow", "欢迎": "welcome", }; $.i18n.load(i18n_dict); var en = function(原创 2017-09-15 10:48:59 · 8565 阅读 · 0 评论 -
前端图片上传前压缩,vue版和JQ版
刚开始的思路,拿到图片的files,获得图片的高度和宽度,生成canvas,canvas的宽高比和图片的宽高比一样,最后用img64 = c.toDataURL("image/jpeg", 0.7),实现图频压缩,再把img64转为blob的数据传到后台。后来发现在ios下,拍照上传的图片会旋转90度,查找资料得知ios手机竖着拍的拍照方向是6,而Android手机拍照方向为1。后来找到了一个库来...原创 2018-01-18 14:44:37 · 1035 阅读 · 0 评论 -
js时间戳转日期
在项目中可能需要到各式各样的日期格式,比如:2018-1-5,2018-01-05,2018年1月5号......而后台一般传过来的是时间戳,那么就需要我们把时间戳转换为日期可以用时间戳在线转换工具,判断你转对了没代码:let create_time = parseInt(e) * 1000 //这里获得的时间戳是s,需要*1000console.log(create_ti...原创 2018-01-05 18:04:10 · 530 阅读 · 0 评论 -
jq阻止事件冒泡
点击一个div显示悬浮层,点击页面其他地方隐藏$(document).ready(function() { $(".my-hong").click(function(e) { if($(".my-people").hasClass("hide")) { $(".my-people").removeClass("hide"); } else { $(".my-people"原创 2018-01-13 11:07:27 · 313 阅读 · 0 评论