
JavaScript
Fighon-Blog
开启优快云之旅
展开
-
js模拟支付密码输入
效果图:HTML代码: 请输入您的专享密码原创 2017-08-02 18:37:40 · 2968 阅读 · 0 评论 -
JS验证身份证号码
一、简单正则,验证15或18位; // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; if(!reg.test(card)) { alert("身份证输入不合法"); ...原创 2019-02-01 11:47:24 · 5862 阅读 · 0 评论 -
ajax文件上传
var comPicFiles ;//选择文件 $('.input-file').on('change',function () { if(!this.files || !this.files[0]){ return; } if(!this.value.match(/.jpg|.gif|.png|.bmp/i))...原创 2019-01-12 16:35:42 · 176 阅读 · 0 评论 -
js计算不精确的问题(浮点数误差)
js在 进行浮点型数值的运算的时候会出现不精确的现象;例如:0.1+0.2 = 0.30000000000000004; 2.4/0.8 = 2.9999999999999996;原因:计算机进行二进制和十进制转换的过程中不精确;解决办法:先将数字转换为整数,再做其他运算,就是乘以10的n次方;//项目中用到的利率转换过程,rate为利率变量var ze...原创 2018-10-19 16:26:36 · 1028 阅读 · 0 评论 -
jquery和js获取自定义属性的值
1、原生js获取并设置自定义属性的值; <div id="su" data-it="1" sex="2"></div>1)自定义属性data-属性;var $div = document.getElementById('su');//获取值的两种方法var it = $div.getAttribute('it');var sex = $div.data...原创 2018-10-18 23:52:31 · 1628 阅读 · 0 评论 -
JS删除上一条浏览器历史记录的方法(登录回退)
如果用户登录状态过期,或者没有登录,当用户登录之后回退上一个页面的时候,就会回退到登录页面,这样的体验不是很好,解决办法:history不支持删除历史记录的方法,当从当前页面跳转到下一个页面的时候可以用location.replace('url')方法,用新的文档替换当前文档就相当于删除了当前页面的历史记录。...原创 2018-05-23 10:34:33 · 34535 阅读 · 1 评论 -
后台返回的HTML整个页面代码打开方法
后台返回的html代码片段,需要插入html标签中,而返回的整个html文档,则需要重写整个页面。解决方法:需要一个中转页面,用document.write()方法重写整个页面;// POST任意内容并跳转function StandardPost(html) { localStorage.removeItem('callbackHTML'); localStorage.setI...原创 2018-05-07 15:57:26 · 20571 阅读 · 2 评论 -
解决OSS上传报错:net::ERR_SSL_PROTOCOL_ERROR的问题
本地测试是http链接,线上服务器是https链接,而后台给的oss 连接,只是域名地址,oss默认是走的http请求,本地测试没有问题,发布生产之后,在https下http请求就会被拒绝,需要在endpoint字段加入“https://”,改成https连接...原创 2018-05-07 15:32:35 · 13963 阅读 · 2 评论 -
canvas 绘制仪表盘
Title #my-canvas{ width: 100%; height: 11rem; } function getP原创 2017-08-18 18:10:09 · 1266 阅读 · 0 评论 -
解决canvas不清晰问题
canvas不清洗的原因是由于高清屏描绘的像素不一样,本应该是1px渲染的,有的却2px渲染;解决办法:将canvas扩大相应的倍数,css中设置正确的canvas高宽值就可以解决;//获取canvas应该放大的倍数的方法;function getPixelRatio(context) { var backingStore = context.backingS原创 2017-08-18 18:04:54 · 9275 阅读 · 0 评论 -
canvas 画五角星
事例代码:效果: canvas{ width: 600px; height: 300px; } function drawStarFun(id) { var myCanvas = document.getElementById(id); var cont原创 2017-08-18 17:52:29 · 394 阅读 · 0 评论 -
Angular 自定义指令 repeatFinish 向控制器传递消息
<div class="swiper-slide" ng-repeat="item in jysInfo" repeat-finish> </div>app.directive('repeatFinish',function () { return { link:function (scope) { if(sco...原创 2019-03-14 15:14:09 · 620 阅读 · 0 评论