随笔分类 -  js

canvas实现半圆环形进度条
摘要：html部分 js部分 阅读全文
posted @ 2019-03-05 14:14 段跃 阅读(3342) 评论(0) 推荐(0)
js判断是否为数字
摘要：function isNumber(value) { var patrn = /^(-)?\d+(\.\d+)?$/; if (patrn.exec(value) == null || value == "") { return false } else { return true } } 阅读全文
posted @ 2019-01-04 11:12 段跃 阅读(283) 评论(0) 推荐(0)
javaScript基础知识
摘要：1 js概述 1.1 javascript历史 1994年，网景公司（Netscape）发布了Navigator浏览器0.9版。这是历史上第一个比较成熟的网络浏览器，轰动一时。但是，这个版本的浏览器只能用来浏览，不具备与访问者互动的能力。......网景公司急需一种网页脚本语言，使得浏览器可以与网页 阅读全文
posted @ 2018-03-06 16:16 段跃 阅读(327) 评论(0) 推荐(0)
js中break跳出多层循环
摘要：// 当执行多重循环的时候break的情况 outer: for(var i=0;i5){ console.log(i); ----6 break outer; } } } // 这是break到最外面循环里面的 outer: for(var i=0;i5){ console.log(i); ----6，7，8，9 break i... 阅读全文
posted @ 2017-12-19 16:13 段跃 阅读(12269) 评论(1) 推荐(0)
用js控制单选框或者多选框问题
摘要：出现如图问题时，这时不能用attr方法添加checked属性了，改用$( "input" ).prop( "checked", true )，完美解决。 阅读全文
posted @ 2017-11-29 16:53 段跃 阅读(1846) 评论(0) 推荐(0)
js开发中常用小技巧
摘要：1、获取指定范围内的随机数 2、随机获取数组中的元素 3、生成从0到指定值的数字数组 等同于： 4、打乱数字数组的顺序 5、对象转换为数组 6、验证是否为数组 7、获取数组中最大或者最小值 8、清空数组 9、保留指定小数位 10、生成指定长度的随机字母数字字符串 11、找出数组中出现次数最的元素，并 阅读全文
posted @ 2017-10-31 10:40 段跃 阅读(217) 评论(0) 推荐(0)
js获取url参数方法
摘要：function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配 var context = "";... 阅读全文
posted @ 2017-10-27 16:02 段跃 阅读(378) 评论(0) 推荐(0)
点击页面出现爱心效果
摘要：偶然在网上浏览页面时发现了这个小特效，感觉很不错，就找到了源码分享给大家 阅读全文
posted @ 2017-10-20 15:10 段跃 阅读(2372) 评论(1) 推荐(2)
js控制台输出图案
摘要：控制台输出图案 阅读全文
posted @ 2017-09-27 18:23 段跃 阅读(3308) 评论(0) 推荐(0)
JS大小转化B KB MB GB的转化方法
摘要：function conver(limit){ var size = ""; if( limit < 0.1 * 1024 ){ //如果小于0.1KB转化成B size = limit.toFixed(2) + "B"; }else if(limit < 0.1 ... 阅读全文
posted @ 2017-08-10 11:50 段跃 阅读(11539) 评论(0) 推荐(3)
js获取url参数值的方法
摘要：alert(GetQueryString("参数名1")); alert(GetQueryString("参数名2")); 假如我们需要解析url，栗如：https://i.cnblogs.com/EditPosts.aspx?opt=1。我们想获取链接中opt的值，我们需要上面的函数，然后 调用方 阅读全文
posted @ 2017-08-10 10:11 段跃 阅读(158) 评论(0) 推荐(0)
h5中的video与audio
摘要：·首先带大家熟悉一下video标签的属性方法，根据属性方法做一个小demo， HTML5支持的视频格式： Ogg 带有Theora视频编码+Ogg文件 支持的浏览器:F、O MEPG4 带有H.264视频编码+MPEG4文件 支持的浏览器: S、WebM 带有VP8视频编码+WebM格式 支持的浏览 阅读全文
posted @ 2017-07-04 16:49 段跃 阅读(520) 评论(0) 推荐(0)
如何禁止js缓存？
摘要： 阅读全文
posted @ 2017-07-04 16:37 段跃 阅读(745) 评论(1) 推荐(0)
js跨域及解决办法
摘要：1.什么是跨域 我们经常会在页面上使用ajax请求访问其他服务器的数据,此时,客户端会出现跨域问题. 跨域问题是由于javascript语言安全限制中的同源策略造成的. 简单来说,同源策略是指一段脚本只能读取来自同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合. 例如: 2 阅读全文
posted @ 2017-06-28 15:19 段跃 阅读(249) 评论(0) 推荐(0)
鼠标拖拽,给图片打点,显示坐标
摘要：核心代码: 阅读全文
posted @ 2017-06-22 15:07 段跃 阅读(789) 评论(0) 推荐(0)
新浪微博分享链接代码
摘要：<a href="http://service.weibo.com/share/share.php?url=分享的网址;title=标题内容&amp;pic=分享的图片地址" target="_blank">分享标题</a> url是分享的网址 title是分享的文字内容 pic是分享的图片地址 阅读全文
posted @ 2017-06-13 18:54 段跃 阅读(1434) 评论(0) 推荐(0)
Swiper.js手动滑动之后，不再自动滑动问题
摘要：var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', autoplay: 2000, paginationClickable: true, loop: true, //添加这个属性,就可以了 阅读全文
posted @ 2017-06-13 18:38 段跃 阅读(3083) 评论(1) 推荐(0)
发送短信验证（防刷新）
摘要：//防止页面刷新倒计时失效function monitor(obj) { var LocalDelay = getLocalDelay(); var timeLine = parseInt((new Date().getTime() - LocalDelay.time) / 1000); if (t 阅读全文
posted @ 2017-06-05 15:43 段跃 阅读(559) 评论(0) 推荐(0)
web端图片文件直传
摘要：采用JS客户端直接签名有一个很严重的安全隐患。就是OSS AccessId/AccessKey暴露在前端页面。可以随意拿到AccessId/AccessKey，这是非常不安全的做法。 本文将此例子进化，签名及上传policy从后端php代码取。 请求逻辑是： 示例 用户电脑浏览器测试样例：点击这里打 阅读全文
posted @ 2017-04-21 10:55 段跃 阅读(240) 评论(0) 推荐(1)