JavaScript的隐式转换和显式转换
[ 2017/11/30, 2769阅, 0评 ]
JavaScript的数据类型分为六种,分别为null,undefined,boolean,string,number,object。object是引用类型,其它的五种是基本类型或者是原始类型。我们可以用typeof方法打印来某个是属于哪个类型的。不同类型的变量比较要先转类型,叫做类型转换,类型转换也叫隐式转换。隐式转换通常发生在运算符加减乘除,等于,还有小于,大于等。 typeof '11' //"string" typeof(11) //"number" '11' < 4 //false 一、基本类型的转换 1.加减乘除 1.字符串加数,数...
移动端手势库hammerJS
[ 2017/11/18, 2927阅, 0评 ]
hammerJS是一个优秀的、轻量级的触屏设备手势库,他可以完美的实现在移端开发的大多数事件,如:点击、滑动、拖动、多点触控等事件。不需要依赖任何其他的框架,并且整个框架非常小,使用也非常简单。 浏览器/终端的支持 无须担心你的浏览器或系统不在下方的列表上,Harmmer可以运行在除了IE8-的任何地方。浏览器若对触摸行为(touch-action)提供原生支持,那么对比那些不支持的浏览器,会有更好的体验。 相关文档资料 Hammer.JS官网 HammerJS.GitHub 移动端手势库hammerJ...
QRCode.js:使用javaScript生成二维码
[ 2017/11/06, 2849阅, 0评 ]
QRCode.js是一个用于生成二维码的JavaScript库。主要是通过获取DOM的标签,再通过HTML5 Canvas绘制而成,不依赖任何库。 1.基本用法 <div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "https://www.eqifei.net"); // 设置要生成二维码的链接 </script> 或者使用一些可选参数设置: var qrcode = ...
laydate.js加载laydate.css路径错误问题
[ 2017/10/27, 6256阅, 0评 ]
laydate.js经过贤心大大的重写之后功能越来越强大,用起来也愈渐灵活了,但是在一个基于angular+ocLazyLoad的项目中出了点问题。laydate.js是通过ocLazyLoad异步加载引入的,结果始终加载不出来laydate.css文件,看了下路径错误,于是扒开代码发现是这样写的: getPath:function(){ var e=document.scripts, t=e[e.length-1], n=t.src; if(!t.getAttribute("merge")) return n.substring(0,n.lastIndexOf(...
基于jquery的移动端下拉刷新功能
[ 2017/09/23, 3961阅, 0评 ]
附件俩个: js代码如下: var pullrefresh = { init : function() { var pos = {}; var status = false; var divobj = null; var contentobj = null; var reloadflag = false; $('body').on('touchstart', function(e) { e = mygetnativeevent(e); pos.startx = e.touches[0].pageX; pos.s...
PC和移动端常用轮播或滑动组件整理
[ 2017/09/09, 6632阅, 0评 ]
1.SuperSlide(PC)/TouchSlide(移动端) SuperSlide基于jQuery插件,致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!还可以多个SuperSlide组合创造更多效果,兼容包括ie6的绝大部分浏览器。 TouchSlide是纯javascript打造的触屏滑动特效插件,面向手机、平板电脑等移动终端,能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 SuperSlide/TouchSlide官网 2...
屏蔽右键 document.oncontextmenu = function() { return false; }; 屏蔽f12等按键 //禁止f12(谷歌,ie有效,但仍可以从其他方式进入开发者模式) document.onkeydown=function(e){ var currKey=0,evt=e||window.event; currKey=evt.keyCode||evt.which||evt.charCode; if(currKey == 123){ window.event.cancelBubble = true; wi...
jquery的ajax同步与异步
[ 2017/08/10, 3321阅, 0评 ]
Ajax同步,意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现假死状态,当这个AJAX执行完毕后才会继续运行其他代码(页面假死状态解除);而异步则这个AJAX代码运行中的时候其他代码一样可以运行。jquery中ajax的async被用来设置同步与异步,其默认为true(异步) 前面说到,async默认的设置值为true,这种情况为异步方式,就是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一...
js日期相关操作汇总
[ 2017/08/03, 2680阅, 0评 ]
1.计算当前时间或指定时间的几小时、几天、几周、几个月、几年前或后 /* *计算当前时间或指定时间的几小时、几天、几周、几个月、几年前或后 *date为object或string类型,栗子:new Date()或"2017-08-04 10:30:09" *num为number类型,表示几小时、几天、几周、几个月、几年 *style为"+"(表示之后)或"-"(表示之前) *junit为"hour","day","week","month","year" */ function timeAddSubtract(date,num,style,junit){ v...