2015年09月_shitouPlus

原创简单实用的jquery分页插件

调用方法：$(".tcdPageCode").createPage({ pageCount:10, current:1, backFn:function(p){ //单击回调方法，p是当前页码 }});pageCount：总页数current：当前页插件demo地址http://sc.chinaz.com/jiaobendemo.aspx?downloadid=142014

2015-09-30 18:34:38 467

原创 jquery中eq()与get()的区别

仔细查看下API文档就可以知道。eq返回的是一个jquery对象，get返回的是一个html 对象数组。举个例子： style="color:yellow">绯雨使用eq来获得第一个p标签的color值：$("p").eq(0).css("color") //因为eq(num)返回的是个jq对象，所以可以用jq的方法css使用get来获得第一个p标签的color值：$("p"

2015-09-29 10:46:10 584

转载 jauery call() apply()的理解

JavaScript中有一个call和apply方法，其作用基本相同，但也有略微的区别。先来看看JS手册中对call的解释：call 方法调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg

2015-09-28 21:31:05 406

转载学写jquery插件

先想好做个什么功能这是第一步，也是很重要的一步，鉴于咱们都是刚学习写jQuery插件，所以，这个功能一定要简单一些。不要想一口就吃个胖子，咱也吃不了。咱还是捡个瘦的下手吧。但是，这个功能也不能太无聊，如果无聊到几乎没用处，就算做好了也是扔到马桶里，不会持续更新，也便不会持续进步了。我最终选择的是：美化表格，让表格的奇偶行颜色不同，然后鼠标移到某行上，某行可以高亮显示。功能简单又实用，不

2015-09-28 20:30:50 285

转载深入理解js闭包

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包的特性闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收闭包的定义及其优缺点闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问

2015-09-28 20:10:07 331

转载详解js闭包

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包的特性闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收闭包的定义及其优缺点闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问

2015-09-28 19:58:41 234

转载 JSON.stringify 语法实例讲解

语法：　　JSON.stringify(value [, replacer] [, space]) value：是必选字段。就是你输入的对象，比如数组，类等。 replacer：这个是可选的。它又分为2种方式，一种是数组，第二种是方法。　　情况一：replacer为数组时，通过后面的实验可以知道，它是和第一个参数value有关系的。一般来说，系列化后的结果是通过键值对来进行

2015-09-26 23:25:56 340

原创 HTML 5 Web 存储

在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。在 HTML5 中

2015-09-26 16:00:33 403

转载浅谈JSON中stringify 函数、toJosn函数和parse函数

JSON.stringify 函数 (JavaScript)语法：JSON.stringify(value [, replacer] [, space])将 JavaScript 值转换为 JavaScript 对象表示法 (Json) 字符串。复制代码代码如下:value必需。要转换的 JavaScript 值（通常为对象或数组）。repla

2015-09-26 15:51:38 557

原创 html5定位

HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。点击这个按钮，获得您的坐标：试一下var x=document.getElementById("demo");function getLocation() { if (navigator.geolocatio

2015-09-26 14:59:35 496

原创 jquery记住登录密码

Document 用户名密码 $(document).ready(function() { if($.cookie("remUser")=="true"){ $("#remUser").prop('checked', 'true'); $("#username").val($.cookie("username")); $("#passwor

2015-09-25 22:58:35 378

转载 javascript用户密码加密,js密码加密

今天总结几种javascript用户密码加密的方法，虽然前端当中密码加密不经常用，一般在后端加密之后存入数据库。今天主要列举一下前端js加密方法，以后可能也用得到！1、base64加密在页面中引入base64.js文件，调用方法为：　　　 charset="utf-8">base64加密 type="text/javascript" src="base64.j

2015-09-25 22:56:22 829

转载 json2.js的使用

json2.js的源码地址：https://github.com/douglascrockford/JSON-jsVisual Studio用户可以直接通过Nuget来获得。 json2.js提供了json的序列化和反序列化方法，可以将一个json对象转换成json字符串，也可以将一个json字符串转换成一个json对象。在页面中添加json2.js的引用。scrip

2015-09-24 19:12:19 377

转载 cookie的使用

JavaScript中的另一个机制：cookie，则可以达到真正全局变量的要求。 cookie是浏览器提供的一种机制，它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。cookie概述在上一节，曾经利用一个不变的框架来存储购物栏数据，而商品显示页面是不断变化的，尽管这样能达

2015-09-24 14:51:51 369

原创简单的获取本机ip地址的方法

有时候需要搜集用户ip地址，方便进行地理位置的查询天气的查询，下面就说说两种简单的获取ip的方法：方法一：这种方法使用柯乐义工具，只需要将需要显示ip地址的标签的id设为 id="keleyivisitorip"然后再在页面中加上<scripttype="text/javascript"src="http://tool.keleyi.com/ip/visitoriphost

2015-09-22 21:55:08 758

原创让边框带阴影

要实现的效果如图：这种边框效果通过单一的border设置是不能显示此效果的，需要配合使用border-left和border-right来显示需要的效果。border-right: 1px solid #0065B0;border-left: 1px solid #0080DD;通过左右边框设置不同的颜色，通过叠加显示出阴影效果。

2015-09-20 23:21:46 378

转载 requirejs的用法

之前我的一片文章介绍过requirejs，具体地址是：http://www.haorooms.com/post/RequireJS_mkh_jz ，今天看到阮一峰博客上面对于requirejs的介绍比较通俗易懂，今天转载一下！一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，

2015-09-19 09:17:05 289

转载 jquery 1.9里面已经删除了toggle（fn1, fn2）函数

jquery 1.9里面已经删除了toggle（fn1, fn2）函数：引用Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.9. jQuery also provides an animation method named .toggle() that toggles th

2015-09-15 11:10:50 383

转载绝对定位中的坑坑

一.基本概念:如果说相对定位没有脱离文档流，相对于对象本身进行偏移有点拖泥带水的话，那么绝对定位绝对是快刀斩乱麻，因为绝对定位可以使一个对象脱离正常的文档流，好像是漂浮在正常文档流的上空,并相对于包含此对象的元素进行定位，当然这个定位相对元素在不同的情况下也有所不同。二.如何将一个元素设置为绝对定位:为对象添加如下属性即可将对象设置为绝对定位:复制代码

2015-09-12 21:51:25 456

原创 $("span", this)等价于$(this).find('span')

基础很重要，看似简单的东西如果不经常用，也会忘记。$("span", this)等价于$(this).find('span')详情参见http://www.w3school.com.cn/jquery/core_jquery.asp

2015-09-12 20:28:43 907

转载 jQuery 中 attr() 和 prop() 方法的区别

一直都在用 jQuery 1.8.3 的版本，没有尝试过 jQuery 1.9.0 的版本。于是，开始调试代码，在 1.9.0 的版本中：input type="checkbox" />script> $(function() { $('input').click(function() { $(this).attr('checked')

2015-09-12 20:02:04 257

转载解析offsetHeight,clientHeight,scrollHeight之间的区别

在网上搜了一下，结论非常笼统，讲IE从不讲版本，因此自己做了测试并上传结论。以下结论皆是在标准模式下测试通过的，没有测试quirk模式。clientHeight大部分浏览器对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，即然是指可看到内容的区域，滚动条不算在内。但要注意padding是算在内。其计算方式为c

2015-09-09 16:00:38 330

转载使用tabindex属性是的标签具有onblur,onfocus方法

默认火狐或者其他浏览器里DIV和其他普通标签是不具有onfocus和onblur事件的，经我长久论证因为他们不具有tab属性，所以只要我们创建tab，那么任何标签都可以具有tab属性。什么标签具有tab呢？显然input和a是得天独厚的具有，我们经常用键盘上的tab键进行移动光标的时候，我们发现光标只在具有tab属性的元素上进行跳转。我们现在来让div拥有tab并具有onfucus和o

2015-09-08 17:49:23 997

原创百度天气api初体验

正在学习json和jquery ajax，想找个api练练手。就拿百度免费的api来练练手。首先需要在本地搭建一个服务器，这里选择XAMPP（无脑搭建本地测试服务器，前端开发人员的测试神器），然后开启里面的sql,apache等服务本地环境搭建好以后就可以开始写代码了，php代码就不用自己写了，百度已经给你写好了，只需要把自己的apikey加到里面就行了，只管重要的一点需要把最

2015-09-06 19:37:28 1150

原创 json解析中的坑+解析方法

刚刚在w3c的json学习中发现了一个天坑，按照上面的demo自己写了一下，竟然报错了测试了许久才发现原来是格式问题json格式写为：var data='{"name":"1","val":"西安“}‘就不会报错，但是如果为了可读性更好一点写成var data = '{"root": [ {"name":"1","val":"西安"},

2015-09-04 21:01:35 978

shitouPlus的博客