使用jQueryMobile实现滑动翻页效果的方法

2016年07月27日 13 阅读

本文实例讲述了使用jQueryMobile实现滑动翻页效果的方法。分享给大家供大家参考。具体分析如下：滑动手势在移动设备是很流行的，在移动设备中滑动翻页中很常见虽然这个功能可以在jQueryMobile中实现，但是个人与之前一篇【jQuery手机浏览器中拖拽动作的艰难性分析】中的观点一致，由于这是在手机浏览器中浏览，而不是安卓的一个独立APP，所以不要经常除点击以外的移动设备手势，以免跟手机浏览器与手机系统本身的手势发生冲突。那么，使用jQueryMobi...

jquery $（document）.ready（）和window.onload的区别浅析

2016年07月27日 9 阅读

Jquery中$（document）.ready（）的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $（document）.ready（）是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个，如果有多个window.onload方法，...

15款jQuery分布引导插件分享

2016年07月27日 9 阅读

1. Power Tour2. Bootstrap Tour3. Bootstro.js4. Intro.js5. Power Tour6. Trip.js7. jQuery Tour Bus8. jQuery Site Tour9. Website Tour with jQuery10. JoyRide11. Pageguide.js12. jQuery Tour13. Crumble14. Pagetour15. jQuery Website Tour...

AngularJs根据访问的页面动态加载Controller的解决方案

2016年07月27日 11 阅读

用Ng就是想做单页面应用（simple page application）,就是希望站内所有的页面都是用Ng的Route,尽量不用location.href,但是这样的webapp好处是很多,但是美中不足的是当你的webapp随着时间的推移,用户变多,功能变得更丰富,controller也变得越来越多,你不得不把所有的controller当作全局模块进行加载,以使得在站内任何一个页面中按F5刷新后能route到任意一个其他页面,而不会发生找不到contro...

javascript中Array数组的迭代方法实例分析

2016年07月27日 9 阅读

本文实例讲述了javascript迭代的方法。分享给大家供大家参考。具体实现方法如下：复制代码 代码如下://filter（） 利用指定的函数确定是否返回数组中包涵的某一项var num = [1,2,3,4,5,6,12];num.filter（function（item, index, array）{return （item > 2）; //[3, 4, 5, 6, 12]}）;//map（） 返回一个数组，数组中每一项都是在原始数组中的对应项上...

Jquery中find与each方法用法实例

2016年07月27日 10 阅读

本文实例讲述了Jquery中find与each方法用法。分享给大家供大家参考。具体如下：一、find（）方法jquery选择器非常强大，利用css的命名规约，可以更快更方便的找出想要的元素。比如：$（"#id"）$（"#"+"id"）$（this）$（element）等等，只要灵活运用，就能爆发出强大的可造型。但是在实际使用中，仍然觉得有些不足。如果想要在某个元素下寻找特定的元素，仅仅依靠上面这个方法，就必须对 $（"#id"）获取的元素进行遍历，获取其子...

jquery手风琴特效插件

2016年07月27日 9 阅读

手风琴效果是项目中使用频率较高的一种效果，原来项目一直都在用easyui的，临近年末，试着自己写了一个css样式复制代码 代码如下:/* CSS Document */body { margin: 0 auto; padding: 0 auto; font-size: 9pt; font-family: 微软雅黑, 宋体, Arial, Helvetica, Verdana, sans-serif;}.accordion { padding-left: 0...

BOOTSTRAP时间控件显示在模态框下面的bug修复

2016年07月27日 12 阅读

一针见血：修改 bootstrap-datepicker.js 文件复制代码 代码如下:var zIndex = parseInt（this.element.parents（）.filter（function（）{ return $（this）.css（"z-index"） ！== "auto"; }）.first（）.css（"z-index"）） +10;将+10改为+99999999;原因：z-index是设置元素的堆叠顺序，从负到正表示从下到上堆叠...

使用pjax实现无刷新更改页面url

2016年07月27日 9 阅读

我们都知道ajax给浏览器带来了异步加载的能力，在数据校验、局部刷新等方面提升了用户体验，但同时存在如下问题：1. 可以无刷新改变页面内容，但无法改变页面URL2. hash的方式不能很好的处理浏览器的前进、后退等问题为了解决传统ajax带来的问题，HTML5里加强了history API，加入了pushState、replaceState接口和popstate事件。这里就不详细介绍了，没有这方面知识的同学建议先看一下相关的资料。pjax插件封装了push...

编写自己的jQuery提示框（Tip）插件

2016年07月27日 9 阅读

对jQuery相信很多同学和我一样平时都是拿来主义，没办法，要怪只能怪jQuery太火了，各种插件基本能满足平时的要求。但是这毕竟不是长久之道，古人云：“授之以鱼，不如授之以渔”。为了方便之前没有接触的同学，先来回顾一下jQuery的插件机制吧。复制代码 代码如下://添加check和uncheck插件jQuery.fn.extend（{ check: function（） { return this.each（function（） { this.chec...

JavaScript计时器示例分析

2016年07月27日 9 阅读

1.什么是JavaScript计时器？在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。2.计时器类型一次性计时器：仅在指定的延迟时间之后触发一次。间隔性触发计时器：每隔一定的时间间隔就触发一次3.计时器方法1）:一次性计时器A）:setTimeout（）: 指定的延迟时间之后来执行代码,进执行一次语法:setTimeout（代码,延迟时间）;参数说明：1. 要调用的函数或要执行的代码串。2. 延时时间：在执行...

浅谈JavaScript中Date（日期对象）,Math对象

2016年07月27日 9 阅读

Date对象1.什么是Date对象?日期对象可以储存任意一个日期，并且可以精确到毫秒数（1/1000 秒）。语法：var Udate=new Date（）;注:初始值为当前时间（当前电脑系统时间）。2.Date对象常用方法:3.Date方法实例复制代码 代码如下:var newTime=new Date（）;//获取当前时间 var millSecond=Date.now（）;//当前日期转换成的毫秒数 var fullYear=newTime.g...

node.js集成百度UE编辑器

2016年07月27日 11 阅读

摘要： 最近在搭建自己的博客，这一段时间可能没有时间来写博客了，但是有了好东西还是要分享给大家。博客网站必然要有编辑文章的编辑器，所以在网上查了些资料。大部分编辑器的后台是基于java、php、asp等，很少有基于node.js的。本来是想用markdown来写文章，但是样式不好调，所以最终还是选择了百度的ueditor，其官网上并没有基于node.js的代码。但是幸运的是我在github上找到了一个类似的，所以将他分享给大家，如果你打算也用node.j...

封装了jQuery的Ajax请求全局配置

2016年07月27日 10 阅读

摘要： jQuery已经成为项目中最常见的js库，也是前端开发最喜欢使用的库。下面是在项目中封装了jQuery的Ajax，分享给大家。代码：复制代码 代码如下:// ajax 请求参数var ajaxSettings = function（opt） { var url = opt.url; var href = location.href; // 判断是否跨域请求 var requestType = "jsonp"; if （url.indexOf（lo...

Javascript毫秒数用法实例

2016年07月27日 9 阅读

本文实例讲述了Javascript毫秒数用法。分享给大家供大家参考。具体如下：毫秒数是指指定的日期和时间距 1970 年 1 月 1 日午夜（GMT 时间）之间的毫秒数。1、当前系统时间的毫秒数var myData = new Date（）; var times = myData.getTime（）;//当前时间的毫秒数2、指定时间的毫秒数var time = "2014-02-27 11:50:21"; var times = Date.parse（ne...

Javascript数组操作函数总结

2016年07月27日 9 阅读

其实平时用的比较多的应该是push和pop，不过还是都记下来，以便后面使用。shift ：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined复制代码 代码如下:var a = [1,2,3,4,5]; var b = a.shift（）; //a：[2,3,4,5] b：1unshift ：将参数添加到原数组开头，并返回数组的长度复制代码 代码如下:var a = [1,2,3,4,5]; var b = a.unshift（-2,...

javascript判断移动端访问设备并解析对应CSS的方法

2016年07月27日 9 阅读

本文实例讲述了javascript判断移动端访问设备并解析对应CSS的方法。分享给大家供大家参考。具体分析如下：javascript判断不同web访问环境，主要针对移动设备，提供相对应的解析方案（判断设备代码直接copy腾讯网的）：复制代码 代码如下:// 判断是否为移动端运行环境 if（/AppleWebKit.*Mobile/i.test（navigator.userAgent） || （/MIDP|SymbianOS|NOKIA|SAMSUNG|LG...

moment.js轻松实现获取当前日期是当年的第几周

2016年07月27日 10 阅读

代码很简单就不多废话了，直接奉上代码：复制代码 代码如下:/** * 实现当前日期是当年的第几周,再向前和向后推几周 * js数组保存当前日期的前后两周（共五周的数据） * */ var initSearchMajorChanges = function（）{ //实现当前日期是当年的第几周,再向前和向后推几周,js数组保存当前日期的前后两周（共五周的数据） var vv="2015-02-07"; var vNowDate=moment（new mome...

js与jquery实时监听输入框值的oninput与onpropertychange方法

2016年07月27日 9 阅读

本文实例讲述了js与jquery实时监听输入框值的oninput与onpropertychange方法。分享给大家供大家参考。具体如下：最近做过一个项目，需求是下拉框里自动匹配关键字，具体细节是实时监听文本框 value 值的变化，然后匹配相关内容。初接项目，首先想到的是 JQ 里的 change，但是马上排除此方法，因为 change 是在文本框失去焦点时才会触发。曲线救国一下，想到用 keydown 来解决。其他一切还好，只是当不通过键盘操作，而是通过...

js中hash和ico的关联分析

2016年07月27日 10 阅读

本文实例分析了js中hash和ico的一些关联。分享给大家供大家参考。具体如下：近期测试提出一个bug，说某几个页面中的ico不显示，于是针对此问题排查原因。首先，确保页面中的link已引入favicon.ico。经查看，发现是js中的location.hash导致了ico不显示。原因是在ico未加载完毕时设置了location.hash从而导致ico不显示。location.hash在项目中经常用到，用于url定位，例如http://h.liepin.c...