![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
贰年级小明
世界最懒码农!没有之一!
展开
-
js 导入Excel表 转化为json数据(简单的转化,不支持表头及表格合并)
看了很多人的excel导入方法,经过测试采用多人的代码总结出来的一套简单的导入功能,对一些简单的表格导入比较实用 <script src="xlsx.full.min.js"></script> //路径为你的xlsx文件路径 <script src="jquery.min.js"></script> //路径为你的jquery文件路径 ...原创 2019-10-18 11:53:01 · 722 阅读 · 0 评论 -
封装原生运动框架(也可实现改变透明度效果)
1、封装一个框架 (move.js) function fnMove (obj,json,fn){ clearInterval(obj.timer)//清除正在执行的定时器 var iSpeed = 0; obj.timer = setInterval(function(){ var bOver = true; //假设运动完成 for (...原创 2019-04-23 09:19:40 · 73 阅读 · 0 评论 -
数组的排序
1、使用sort() var arr = [1,2,3,4,4,1,1,2,1,1,1,5,6,7,5,6]; arr.sort(); console.log(arr) 2、原创 2018-11-23 15:58:24 · 97 阅读 · 0 评论 -
数组去重的方法:
1、 function arr(array){ var temp = []; //一个新的临时数组 for(var i = 0; i &amp;lt; array.length; i++){ if(temp.indexOf(array[i]) == -1){ temp.push(array[i]); } } return...原创 2018-11-23 15:57:58 · 98 阅读 · 0 评论 -
Canvas实现刮刮卡效果
复制并运行代码,即可显示效果 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;原创 2018-11-23 15:57:01 · 288 阅读 · 0 评论 -
随机验证码的实现
思路讲解: 利用循环拼接验证码字符串,根据字符编码在[48~122]范围内生成随机数,判断该随机数是否符合数字、大小写字母的范围,如果符合让变量自增拼接下一个字符,否则变量不增进入下一次循环直到找到符合条件的字符拼接到字符串上 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &原创 2018-11-23 15:56:16 · 422 阅读 · 0 评论 -
原生js实现楼层联动(只适用W3C标准)
1、复制并运行代码,即可显示效果 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&l原创 2018-11-23 15:54:13 · 284 阅读 · 0 评论 -
如何判断当前设备是pc端还是移动端?
window.navigator 对象包含有关访问者浏览器的信息。 userAgent: 返回由客户机发送服务器的 user-agent 头部的值。 var str = window.navigator.userAgent; if(str.toLowerCase().indexOf("mobile") == -1){ alert("pc"); }else{ alert("移动&quo原创 2018-11-23 15:38:29 · 787 阅读 · 0 评论 -
jQuery实现楼层联动
1、复制代码并运行,即可显示效果 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&l原创 2018-11-23 10:40:41 · 136 阅读 · 0 评论 -
Canvas画表实现当前时间走动
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&g原创 2018-11-23 10:01:46 · 329 阅读 · 0 评论 -
ES6手写移动端轮播图滑动切换
备注:为了使大家更好的理解移动端,响应pc端的代码被删了,并且未做更多的简化以及合理的代码分配,还望谅解 //复制代码并运行即可显示效果 css样式: *{ padding: 0;margin: 0; } .wrap{ width:100%; min-width:320px; ...原创 2018-11-20 10:32:21 · 669 阅读 · 0 评论 -
如何使用原生js写音频?
//复制并运行代码,即可显示效果 注意:由于该音频路径为本地音频路径,所以,运行时请先替换音频路径 考虑到新手阅读,代码在编写时并未进行优化,采用基础代码编写 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8&q原创 2018-11-22 10:46:19 · 575 阅读 · 0 评论 -
jsonp 的原理?
个人理解:动态创建script标签,利用src进行传值 实例: //截取的淘宝数据,可进性搜索 Document 爱奇艺 爱土豆 阿里巴巴原创 2018-11-19 13:56:38 · 734 阅读 · 1 评论 -
ES5面向对象实现简单拖拽
//复制并运行代码即可实现效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2018-11-21 10:36:01 · 198 阅读 · 0 评论 -
Ajax工作原理以及封装使用
1、什么是ajax? ajax (异步编程的一种解决方案) 是一种用于创建快速动态网页的技术。 通过后台与服务器之间数据的少量交换,在不刷新页面的情况下,更新页面部分的数据。 2、工作原理? 相当于在浏览器(客户端)与服务器之间增加了一个中间层(ajax引擎), 使用户操作与服务器响应异步化,这样就可以把以前服务器的一些负担转嫁到客户端, 利用客户端闲置的处理能力来处理,从而减轻服务器负担和带宽...原创 2018-11-21 10:00:03 · 177 阅读 · 0 评论