- 博客(32)
- 收藏
- 关注
RSS订阅转载 JS生成随机字符串的多种方法
<script language="javascript">function randomString(len) { len = len || 32; var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/ var maxPos = $chars.length; var pwd = ''; for (i = 0; .
2021-02-25 11:34:21
1543
1
原创 js获取url中参数
function get_url_cs() { var url = location.search;//获取用户参数 var request = new Object() if (url.indexOf('?') != -1) { var str = url.substr(1) let strs = str.split('&') for (var i = 0; i < strs.length; i++) { .
2021-02-25 11:31:23
272
转载 JavaScript 浮点数运算的精度问题
问题描述在 JavaScript 中整数和浮点数都属于Number数据类型，所有数字都是以 64 位浮点数形式储存，即便整数也是如此。 所以我们在打印1.00这样的浮点数的结果是1而非1.00。在一些特殊的数值表示中，例如金额，这样看上去有点变扭，但是至少值是正确了。然而要命的是，当浮点数做数学运算的时候，你经常会发现一些问题，举几个例子：// 加法 =====================// 0.1 + 0.2 = 0.30000000000000004// 0.7 + ...
2021-02-23 11:05:20
929
1
转载 js运算精度问题
原理是，将浮点数乘以（扩大）10的n次方倍，把浮点数变为整数后再进行相应的运算，最后将得到的结果除以（缩小）10的n次方倍。原理示例：将 console.log(1-0.8); 变为 console.log((1 * 10 - 0.8 * 10) / 10); 即可得到正确的值根据上述原理，可以封装一些方法出来解决此类问题。如下所示（Math.pow(x, y);表示求x的y次方）：//加function floatAdd(arg1,arg2){ var r1,r2,...
2021-02-23 10:54:41
339
1
原创 input[type = ‘date‘]标签。
1.首先调用浏览器自带时间控件，input的type属性有以下几种写法：type=’date’ //显示年、月、日type=‘month’//显示年、月type=‘week’//显示年、周type=‘datetime-local’//显示年、月、日、时、分2.$('input[name="time"]').change(function(){var myDate =newDate();//获取当前时间对象，精确到当前的时、分、秒var this_time=$('inpu...
2021-02-07 17:28:17
4693
原创 数组删除某个元素
一，清空数组var ary = [1,2,3,4]; ary.splice(0,ary.length);//清空数组 console.log(ary); // 输出 []，空数组二，删除数组元素var ary = [1,2,3,4]; ary.splice(0,1);或 ary.splice($.inArray(2, ary), 1); 其中$.inArray(2, ary)用来查找某元素在数组中的索引位置。三，js 删除数组几种方法var arr=['a','b','c']
2021-02-07 17:27:36
28354
转载 js某一元素在数组中的索引
第一种：数组遍历function search(arr,dst){ var i = arr.length; while(i-=1){ if (arr[i] == dst){ return i; } } return false;}使用方法： var a=[1,2,3,4]; search(a,3);//返回2第二种：indexOf()var arr=[1,2,3,4]arr.inde
2021-02-07 17:24:08
454
原创 js路径中取文件名
使用js 提取文件名和路径：<script> var str="/abc/def/sos.php"; var obj=str.lastIndexOf("/"); console.log(str.substr(obj+1));</script>我们首先利用 lastIndexOf("/") 找到最后一个 / 的位置，然后利用 substr( ) 截取剩余的字符，即得文件名；<script> var s...
2021-02-07 17:20:50
3927
原创 jq元素拖拽效果
<div id="a1"></div><script type="text/javascript"> $(function(){ $('#a1').mousedown(function(e){ var positionDiv = $(this).offset(); var distenceX = e.pageX - positionDiv.left; var .
2021-02-07 17:18:47
179
原创 文字转换语音播报
1.网页版： <script type="text/javascript"> var msg = new SpeechSynthesisUtterance("你是谁"); window.speechSynthesis.speak(msg); </script>2.webAPP： <div id="Box"></div> var src ="号请用餐"; $("#Box").html('<audio id="tt
2021-02-07 17:17:47
449
原创 监听audio标签播放
<audio id="audio" controls="controls" loop="loop" style="display: none;"> <source src="image/3.mp3" type="audio/mpeg" /></audio>audio.play();//播放audio.pause();//暫停//监听播放完毕 audio.addEventListener("ended",function(){ consol.
2021-02-07 17:15:48
668
原创 html 类似雷达扫描效果 及 闪屏效果
//雷达扫描效果 1 <em id="Radar" class="RadarFast"></em> css: .RadarFast{ position: absolute; z-index: 10; bottom: 140px; left: 50%; margin-left: -3px; } .RadarFast:after{ content: ''; position: absol.
2021-02-07 17:14:51
230
转载 合并两个数组的方法
JS合并两个数组的方法我们在项目过程中，有时候会遇到需要将两个数组合并成为一个的情况。比如： var a = [1,2,3]; var b = [4,5,6];有两个数组a、b，需求是将两个数组合并成一个。方法如下：1、concat js的Array对象提供了一个叫concat()方法，连接两个或更多的数组，并返回结果。 var c = a.concat(b);//c=[1,2,3,4,5,6];这里有一个问题，concat方法连接a、b两个数组..
2021-02-07 17:12:26
8331
转载 Js数组去重方法总结
//方法一var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];function removeDuplicatedItem(arr) { for(var i = 0; i < arr.length-1; i++){ for(var j = i+1; j < arr.length; j++){ if(arr[i]==arr[j]){ arr.splice(j,1);//console.log.
2021-02-07 17:07:52
119
转载 uniapp封装请求
一、在根目录下创建文件夹utils，在该目录下创建文件api.js及http.js二、在http.js中封装，如需验证token/sign或者其他字段信息，可添加方法进行验证再进行回调let token = '';//tokenlet sign = '';//签名let data = { token, sign};function http(url, method, params) { // data：表示请求要发送的数据，success：成功的回调，fail：失败的回调，
2021-01-15 15:20:33
353
原创 css3 画跳动的心
//css.box{ width:200px; height:200px; margin:50px auto; animation:size 1s infinite; animation-direction:alternate; transition:1s all; } .round1{ width:10.
2021-01-14 10:03:12
195
原创 去掉表格默认样式
table{ text-align:center;/*文本居中*/ border-collapse:collapse; /*表格的边框合并，如果相邻，则共用一个边框*/ border-spacing:0; /*设置行与单元格边框的间距。当表格边框独立（即 border-collapse:separate;）此属性才起作用*/}table td{ word-break: break-all; /*允许在字内换行,即单词可分*/ word-wrap:bre.
2021-01-14 10:01:20
229
原创 小程序 缓存过期问题
module.exports = { set: function(k, v, time) { var effTime = parseInt(Date.parse(new Date())) + 86400000 * time; //有效时期时间戳 wx.setStorageSync(k, v ? v : effTime); }};//86400000 就是一天等于多少毫秒 // 点击推送通知按钮设置7天有效时间缓存 openNotice: function() {.
2021-01-14 09:59:34
276
原创 微信自动聊天脚本
打开网页版微信 F12打开控制台 复制此代码即可开始刷屏3000为发送间隔 var i = 1; if(i<=100){ setInterval(function(){ angular.element('pre:last').scope().editAreaCtn = i+""; angular.element('pre:last').scope().sendTextMessage(); i++;
2021-01-14 09:57:58
4373
转载 js取当前时间的秒级时间戳
parseInt(new Date().getTime()/1000);, 或者Date.parse(new Date())/1000;1、将当前日期转换为时间戳。 var now = new Date(); console.log(now.getTime()) // 将当前日期转换为时间戳，getTime()方法可返回距1970年1月1日之间的毫秒数。也可以使用 +now ，该效果等同于now.getTime()// (2)、将指定日期转换为时间戳。 var t .
2021-01-14 09:54:45
2509
原创 js 用时间戳判断是否过期
var currentTime = Date.parse(new Date()); //当前时间戳 var SetTimeStr = localStorage.getItem('SetTimeStr') * 1; var newTime = new Date().getTime() + 3600000 * 12;//新的过期时间 if (currentTime < SetTimeStr) { console.log("缓存时间有效_"); localStorag..
2021-01-14 09:53:03
1599
原创 元素超出出现左右或者上下滚动
<div class="box"> <span>1</span> <span>2</span> <!-- ... --></div>css:.box{ max-width: 76%; text-align: right; overflow-x: auto; //左右滑动 white-space: nowrap; //使其不换行}.box span{ .
2021-01-14 09:51:36
525
原创 使用html2canvas.js 生成海报
1.设定一个要生成海报的元素<div id="viewBox" res="box">内容....</div>2.引进jsPoster:function(){ var that = this; var DomeW=that.$refs.box.offsetWidth;//获取目标元素的宽高 var DemoH = that.$refs.box.offsetHeight;//获取目标元素的宽高 html2canvas(document.qu
2021-01-14 09:51:00
590
1
原创 h5移动端 使用一键复制功能
1.引进clipboard.min.js2.目标元素<span id="copy" data-clipboard-text="123456" @click="CopyVal"></span>3.js部分CopyVal:function(){ var that = this; var clipboard = new Clipboard("#path") clipboard.on('success', function (e) { .
2021-01-14 09:49:58
602
转载 js运算精度问题
原理是，将浮点数乘以（扩大）10的n次方倍，把浮点数变为整数后再进行相应的运算，最后将得到的结果除以（缩小）10的n次方倍。原理示例：将 console.log(1-0.8); 变为 console.log((1 * 10 - 0.8 * 10) / 10); 即可得到正确的值根据上述原理，可以封装一些方法出来解决此类问题。如下所示（Math.pow(x, y);表示求x的y次方）：//加function floatAdd(arg1,arg2){ var r1,r2,...
2021-01-14 09:48:41
187
原创 js保存图片至本地
/保存图片 SaveImg:function(){ this.DownloadIamge(this.Img, 'share') }, DownloadIamge:function(imgsrc, name) {//图片地址和图片名 var image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute("crossOrigin", "anonymous"); imag.
2021-01-13 18:06:55
717
1
转载 vs2019快捷键整理
vs2019快捷键整理较常用快捷键Ctrl + E + D = 代码格式化1Ctrl + K + F = 代码快速格式化2Ctrl + E + C = 注释代码1Ctrl + K + C = 注释代码2Ctrl + E + U = 取消注释代码1Ctrl + K + U = 取消注释代码2Tab + Tab = 代码联想Alt + Enter = 快速引用Ctrl + Shift + C 新建类Ctrl + E + E = 在交互窗口中运行选中代码(很实用)F6 = 生成(整个解决
2021-01-13 18:04:32
2953
原创 解决页面报错： GEThttp://localhost:8080/favicon.ico 404 (Not Found)
html5 经常会出现 ：GET http://localhost:8080/favicon.ico 404 (Not Found) 这种报错，看起就就很不舒服。对于强迫症患者，不得不干掉这个问题！解决方式： 1.可以创建一个favicon.ico文件引进去 2.也可以在 head 标签插入： <link rel="shortcut icon" href="#"/>...
2021-01-13 18:03:07
8411
2
转载 js 上拉加载
$(function(){ window.onscroll = function(){ if(parseInt((getScrollTop() + getWindowHeight() + 50)) >= getScrollHeight()){ console.log(0) } };})//滚动条在Y轴上的滚动距离function getScrollTop(){ var scrollTop = .
2021-01-13 17:58:32
154
原创 js判断网络是否连接正常
function isOnLine() { var netStatus = ""; if (window.navigator.onLine == true) { netStatus = "onLine";//网络链接正常 } else { netStatus = "offLine";//网络连接失败 }; return netStatus;};
2021-01-13 17:23:22
745
原创 数组排序sort
<script type="text/javascript">、var arrs = [ { name:'李老汉', age:'5' },{ name:'隔壁老王', age:'45' }, { name:'狗子', age:'3' }, { name:'小马哥',.
2021-01-13 17:22:17
127
转载 JS获取当前页面路径及提取参数方式
一、获取当前页面路径方式window.location.href(设置或获取整个 URL 为字符串) //http://www.***.com?id=1 window.location.protocol(设置或获取 URL 的协议部分) //http window.location.host(设置或获取 URL 的主机部分) window.location.port(设置或获取与 URL 关联的端口号码) window.location.pathname(设置或获取与 URL 的路径部分（就..
2021-01-13 15:20:21
12673
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人