JavaScript检测实例属性, 原型属性

2017年02月06日 13 阅读

0.前提JavaScript对象的属性分为两种存在形态. 一种是存在实例中, 另一是存在原型对象中.根据上述, 检测属性的时候会出现4种情况既不存在实例中, 也不存在原型对象中存在实例中, 不存在原型对象中不存在实例中, 存在原型对象中既存在实例中, 也存在原型对象中1.hasOwnPrototype（）hasOwnPrototype（）接受一个字符串格式的属性名称, 如果实例本身存在该属性（情况2/情况4）, 返回true. 否则, 返回false（情况...

jQuery手机浏览器中拖拽动作的艰难性分析

2017年02月06日 13 阅读

本文实例分析了jQuery手机浏览器中拖拽动作的艰难性。分享给大家供大家参考。具体如下：本想在手机网页中实现一个如iphone可以随意拖动的控制按钮的，但是最后发现竹篮打水一场空，虽然拖拽动作在手机浏览器中司空见惯，但是在手机浏览器中，要想实现可以被拖拽的组件，却是一件不可能的事情。先来看看在PC网页中，拖拽动作是怎么做的，首先，我们有一个按钮，点击有动作，一直按着不放，可以随意拖动，就像iphone可以随意拖动的控制按钮一样，如上图的灰色图层，写出来也不...

Javascript中实现trim（）函数的两种方法

2017年02月06日 12 阅读

在JavaScript中我们需要用到trim的地方很多，但是JavaScript又没有独立的trim函数或者方法可以使用，所以我们需要自己写个trim函数来实现我们的目的。方案一：以原型方式调用，即obj.trim（）形式，此方式简单且使用方面广泛，定义方式如下：复制代码 代码如下:<script language=”javascript”>/*** 删除左右两端的空格*/String.prototype.trim=function（）{ re...

jQueryMobile之Helloworld与页面切换的方法

2017年02月06日 12 阅读

本文实例讲述了使用jQueryMobile实现滑动翻页效果的方法。分享给大家供大家参考。具体分析如下：jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。就是能够迅速能把页面写成APP的界面，让用户浏览网页，相当于在使用布局好的app一样。首先要在jQueryMobile（点击此处本站下载）下载...

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

2017年02月06日 14 阅读

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

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

2017年02月06日 12 阅读

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

15款jQuery分布引导插件分享

2017年02月06日 12 阅读

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的解决方案

2017年02月06日 12 阅读

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

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

2017年02月06日 12 阅读

本文实例讲述了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方法用法实例

2017年02月06日 12 阅读

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

jquery手风琴特效插件

2017年02月06日 12 阅读

手风琴效果是项目中使用频率较高的一种效果，原来项目一直都在用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修复

2017年02月06日 13 阅读

一针见血：修改 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

2017年02月06日 12 阅读

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

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

2017年02月06日 12 阅读

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

JavaScript计时器示例分析

2017年02月06日 12 阅读

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

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

2017年02月06日 12 阅读

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编辑器

2017年02月06日 12 阅读

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

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

2017年02月06日 14 阅读

摘要： 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毫秒数用法实例

2017年02月06日 12 阅读

本文实例讲述了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数组操作函数总结

2017年02月06日 13 阅读

其实平时用的比较多的应该是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,...