![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
eling-
佛是过来人,人是未来佛
展开
-
cookie设置超时
function setCookie(name,value,time){ var strsec = getsec(time); var exp = new Date(); exp.setTime(exp.getTime() + strsec*1); document.cookie = name + "=...原创 2019-12-26 15:34:12 · 899 阅读 · 0 评论 -
导出
varbtn=document.createElement('a')if(response.status===200){btn.href=window.URL.createObjectURL(response.data)//下载地址btn.download...原创 2019-11-15 16:29:44 · 157 阅读 · 0 评论 -
vant+postcss-pxtorem适配移动端rem
npm安装npm install postcss-pxtorem --save.postcssrc.js做如下修改// https://github.com/michael-ciniawsky/postcss-load-configmodule.exports = { "plugins": { "postcss-import": {}, "postcss-u...原创 2019-10-15 15:10:29 · 414 阅读 · 0 评论 -
用pano2vr创建全景图
pano2vr下载地址:http://pan.baidu.com/s/1nvDIBSt演示例子:http://by.qq.com/cp/a20161104fishgolden_wx/index.html(请调成模拟器下运行) 使用教程 1.把全景图拖到改区域 2.设定一些参数 选择html5后,点击旁边的增加按钮 立方体和图像质量的值越大,生...转载 2018-08-06 10:32:42 · 8753 阅读 · 0 评论 -
鼠标移动模拟3D旋转
鼠标移动模拟3D旋转原理:首先得有360度每个角度的图片,再利用鼠标移动来切换对应的图片打开和关闭,模拟一个3D效果实现过程:获取屏幕宽度 获取360度图片数量 屏幕宽度 / 图片数量 = 鼠标移动多少位置打开第一张图片(例如:1000 / 10 = 移动10像素内打开第一张图,移动到20像素时打开第二张图 ......) 获取鼠标坐标 / 每一等分的像素 = 当前鼠标在第...原创 2018-05-31 17:23:09 · 1830 阅读 · 1 评论 -
使用clipboard.js实现复制文本内容到剪贴板
clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中 clipboard.js支持主流的浏览器:chrome 42+; Firefox 41+; IE 9+; opera 29+; Safari 10+; 1、使用方式:引入JS文件(下载地址:https://download.csdn....原创 2018-03-13 23:55:45 · 791 阅读 · 0 评论 -
正则表达式基本语法
元字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“\n”匹配一个换行符。“\\n”匹配字符"n"。序列“\\”匹配“\”而“\(”则匹配“(”。 ^ 匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^也匹配“\n”或“\r”之后的位置。 $ 匹配输入字符串的结束位置。如果设...转载 2018-03-12 16:56:45 · 103 阅读 · 0 评论 -
使用pano2vr创建全景图
pano2vr下载地址:http://pan.baidu.com/s/1nvDIBSt演示例子:http://by.qq.com/cp/a20161104fishgolden_wx/index.html(请调成模拟器下运行) 使用教程 1.把全景图拖到改区域 2.设定一些参数 选择html5后,点击旁边的增加按钮 立方体和图像质量的值越大,生...转载 2018-12-04 02:22:12 · 2046 阅读 · 0 评论 -
js中的事件委托或是事件代理详解
原文地址 :https://www.cnblogs.com/liugang-vip/p/5616484.html起因:1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的;2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考;概述:那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一...转载 2018-03-08 23:32:22 · 112 阅读 · 0 评论 -
转盘抽奖(支持IE6)
html 代码:转盘抽奖demo *{margin: 0; padding: 0; overflow: hidden;} /*抽奖*/ .turntable_bg {width: 480px;height: 482px; position: relative ;} .turntable_bg .pointer {width: 174px;height: 228p原创 2018-01-22 11:27:06 · 207 阅读 · 0 评论 -
判断移动端和pc端,分别跳转不用的页面
// 监测浏览器跳转PCif(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){ // 移动端}else{ // PC端}原创 2018-08-20 17:14:22 · 1753 阅读 · 0 评论 -
微信自动播放音乐
document.addEventListener('DOMContentLoaded', function () { function audioAutoPlay() { music.play(); document.addEventListener("WeixinJSBridgeReady", fun...原创 2019-01-24 18:37:48 · 1780 阅读 · 0 评论 -
使用JS获取地址栏参数,并转化为json
var urlDil = document.location.href; // http://192.168.12.115:8089/nodejs/get_url/index.html?hehe=100&caca=200 var starNum = urlDil.indexOf("?"); // 查找到地址栏 ? 出现的位置 var urlQuy = urlDil.subs...原创 2018-12-03 13:44:32 · 764 阅读 · 0 评论 -
js封装ajax
封装代码:function ajax(option){ var ajax = new XMLHttpRequest(); if(option.type == "get"){ // get请求 ajax.open(option.type, option.url+ "?" + jsonToString(option.data), true); ajax.send(); }el...原创 2018-12-04 02:21:47 · 112 阅读 · 0 评论 -
多种数组去重的方法
数组内都是数字方法:1.创建一个空数组,用于存放不重复的值2.给数组排序3.用递归相邻逐个对比,如果不相同,则push到创建的空数组里面去var a = [1,2,5,6,2,1,0,2,8,4,56,4,65,4];var n = [];var s = a.sort(function(a,b){ return a - b;})function cz(num){ if...原创 2019-03-07 19:49:19 · 2635 阅读 · 1 评论 -
关于JavaScript的浅拷贝和深拷贝
关于JavaScript的浅拷贝和深拷贝在JS中有一些基本类型像是Number、String、Booleanvar a = 10;var b = a;b = 20console.log(a) // 10console.log(b) // 20像这种基本类型的拷贝,就各自独立修改其中一个不会影响另一个。而对象就是像这样的东西 [1,2,3]或者{nam...原创 2019-03-21 15:39:29 · 108 阅读 · 0 评论 -
JS的几种继承方式
js的继承方式:1、原型链继承function Parent(name){ this.name = name; this.sayName = function(){ alert(this.name) }}function Child(age){ this.age = age; this.sayAge = function(){ alert(this.age) }...原创 2019-03-21 19:05:44 · 118 阅读 · 0 评论 -
JS调用浏览器不能全屏适应A4纸解决办法
引入JQ:<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>打印方法:// 打印function preview(){ bdhtml=window.document.body.innerHTML;//获取当前页的html代码 sprnstr="&l...原创 2019-05-29 12:45:33 · 1668 阅读 · 0 评论 -
layui中layer.photo动态添加的图片,每次弹出上一张添加的图
layui版本:2.5以上修改layer.js源码,注意h(); 调用位置修改前:if (n || p.on("click", t.img,function() { var e = i(this), n = e.attr("layer-index"); r.photos(i.extend(t, { photos: { ...原创 2019-08-21 10:17:44 · 2467 阅读 · 0 评论 -
webview内H5与原生安卓和IOS交互(互调方法/传值)
1、首先获取设备环境:var sUserAgent = navigator.userAgent.toLowerCase();var bIsAndroid = sUserAgent.match(/android/i) == "android";var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";var bIsIphoneOs = sUser...原创 2019-09-09 15:14:20 · 2195 阅读 · 0 评论 -
用addEventListener监听css3动画的webkitAnimationEnd,函数重复执行问题
用addEventListener监听css3动画的webkitAnimationEnd时,若有多个动画,监听当前动画结束后,播放下一个动画,内部的函数会被重复执行。解决办法:每次监听完都将这个监听事件移除掉。监听如下:lastDasnCont.addEventListener("webkitAnimationEnd", fn, false);解决代码如下:lastDasnCont.removeE...原创 2017-09-25 09:47:56 · 2195 阅读 · 0 评论 -
函数冒充执行之-apply()和call()
让一个函数冒充另外一个函数,去执行另外一个函数内部的方法:方法一:apply()function box(num1,num2){ return num1 + num2;}alert(box(10,10)); //20// 冒充函数执行 apply()function sum(num1,num2){ return box.apply(th原创 2017-08-16 18:01:06 · 230 阅读 · 0 评论 -
判断图片格式
var p = fileName.indexOf(".");if (p == -1){ // 没有扩展名 alert("只能上传照片文件!"); return false;}if (fileName.substr(p) != '.jpg' && fileName.substr(p) != '.jpeg' && fileName.substr(p) != '.pn原创 2016-08-16 09:39:27 · 401 阅读 · 0 评论 -
javascript动态加载脚本和样式
javascript动态加载脚本和样式原创 2016-07-29 23:48:49 · 413 阅读 · 0 评论 -
移动端小技巧
移动端小技巧转载 2016-06-06 14:21:52 · 497 阅读 · 0 评论 -
如何检测手机系统,如何检测页面是微信还是QQ打开
如何检测手机系统,如何检测页面是微信还是QQ打开原创 2016-05-23 17:52:51 · 1189 阅读 · 0 评论 -
javascript鼠标滚动事件中出现的问题
javascript中禁止浏览器(IE/Opera/Chrome/Firefox)默认事件,禁止浏览器默认滚动事件,解除浏览器默认事件,javascript滚轮事件中存在的一些问题和bug,javascript中滚轮事件兼容各大浏览器原创 2016-03-25 16:00:18 · 732 阅读 · 0 评论 -
鼠标滚动局部-选项卡
鼠标滚动选项卡,局部滚动,不冲突body全局浏览器自带滚动原创 2016-03-25 15:56:05 · 451 阅读 · 0 评论 -
获取和更改页面Url地址栏后面的参数
//接受URL地址参数 function getQueryString(name) { //name为传入参数 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.loc...原创 2016-03-09 09:28:32 · 8284 阅读 · 0 评论 -
关于javascript的this指向问题
关于javascript的this指向问题,如何去更改this指向原创 2016-03-11 15:52:23 · 356 阅读 · 0 评论 -
后台预加载(完善版),可加载多组图片
// loadingvar loading = document.getElementById("loading"); // loading页面,完毕就关闭var loadBar = document.getElementById("loadBar"); // 加载条 var imgHrf = 'images/'; // 图片路径var lo原创 2016-03-09 09:14:08 · 1220 阅读 · 0 评论 -
编写Jquery -- 简单版 查找元素
利用javascript编写Jquery ,理解面向对象。原创 2016-08-01 17:46:10 · 224 阅读 · 0 评论 -
javascript-面向对象
javascaript面向对象常用写法与继承原创 2016-07-27 23:14:46 · 169 阅读 · 0 评论 -
获取scrollTop实现滚动鼠标后悬浮导航
获取scrollTop:document.documentElement.scrollTop || document.body.scrollTop鼠标滚轮事件:onload事件悬浮导航例子://导航悬浮var navT = 0;window.onload = function () { var navBox = document.getElementById("原创 2017-08-16 17:10:42 · 503 阅读 · 0 评论 -
递归小例子
一个递归的小例子,在函数内部调用函数本身var box = function(num){ if(num <= 1){ return 1; }else{ return num * box(num - 1); } } alert(box(4));输出:24 >>> 4*3*2*1。原创 2017-08-16 16:59:50 · 236 阅读 · 0 评论 -
javascript获取光标位置
HTML: javascript://获取光标位置 var oBtn = document.getElementById("getPosition"); var cursurPosition=-1; if(oBtn.selectionStart){//非IE浏览器 cursu原创 2017-04-24 13:36:40 · 356 阅读 · 0 评论 -
移动端a:active,button:active失效,解决办法!
移动端a:active,button:active失效,解决办法!a:active,button:active在PC端效果正常,但是在移动端的IOS机型上点击失效。解决办法:在body或者按钮上加上touchstart事件即可。代码如下:document.body.addEventListener('touchstart',function(){// 空函数就可以},false)原创 2017-03-17 13:15:05 · 1671 阅读 · 0 评论 -
jQuery Ajax 实例 ($.ajax、$.post、$.get)
jQuery Ajax 实例 ($.ajax、$.post、$.get)转载 2016-09-05 14:55:31 · 228 阅读 · 0 评论 -
编写Jquery -- 给元素设置css样式,并实现连缀设置
如何利用javascript编写Jquery -- 给元素设置css样式,并实现连缀设置,一步步理解javascript的面向对象!原创 2016-08-02 22:11:25 · 656 阅读 · 0 评论 -
可滚动选项卡-切换
横向可滚动选项卡,计算滚动距离,任意添加滚动内容,可滚动到最底部停止。更改height为width,可变成横向滚动选项卡原创 2016-03-18 17:42:44 · 1234 阅读 · 0 评论