摘要: 这两天第一次接触jQuery插件开发,没有想象的复杂,鉴于在做的图片轮播插件和图片弹出小插件还在完善就先写个简单的思路记录下。jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。另一种是对象级别的插件开发,即给jQuery对象添加方法。类级别的很好理解,就不多写了。写一写用户可设定参数的对象级别插件开发放个标准的模版(function($){$.fn.pluginName = function(options){}})(jQuery);通过$.fn.pluginName设定插件的名字options接收用户设定的参数下面 阅读全文
posted @ 2014-03-16 15:57 PiLee 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 昨天尝试了使用关联数组找出出现次数最多的项,今天就反向思维去掉重复的项。昨天对关联数组的定义还是不是很清楚。今天看了看百科,算是明白了:关联数组和数组类似,由以名称作为键的字段和方法组成。它包含标量数据,可用索引值来单独选择这些数据,和数组不同的是, 关联数组的索引值不是非负的整数而是任意的标量。这些标量称为Keys,可以在以后用于检索数组中的数值。关联数组的元素没有特定的顺序,你可以把它们想象为一组卡片。每张卡片上半部分是索引而下半部分是数值。JavaScript的对象本质就是一个关联数组。先写一个简单的方法测试下var arr=['b','b','c 阅读全文
posted @ 2014-03-01 12:54 PiLee 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 一个字符串或数组,如何找到出现次数最多的字符或者项?先构造个biggest函数function biggest(str){document.write(str+'中');var obj={};for(var i=0;i");}其中也要考虑到有可能两个字符出现的次数相通,所以要进行下判断,相同的话就要将maxkey补上它。调用biggest()方法var str1 = "WeAreNeverEverGettingBackTogether";var str2 = "AABBCCDD";var str3 = ['张三' 阅读全文
posted @ 2014-02-28 16:45 PiLee 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 开始刷票啦,投票攻略,无限投方法!清除页面Cookie,然后Bla Bla Bla...哈哈,做粉丝的时候难免要投票,清除Cookie又总是无限投的秘诀。但是话说自己真真的一次创建cookie都没有,只记得以前看过一篇博客说每个cookie不应大于4kb,要包含名字,值,还有有效期,创建的方法是document.cookie来今天自己瞎搞搞,算是初次尝试cookie,不过自己脑海还是有很多问题比如cookie和session的区别,我只知道一个是存在客户端(浏览器),一个存在服务器端。但是创建cookie一般用客户端创建还是服务器端呢?这个之后自己再多看看一些文章研究研究,先写个小demo练练 阅读全文
posted @ 2014-02-27 22:11 PiLee 阅读(555) 评论(0) 推荐(0) 编辑
摘要: 之前在哪看到一篇文章,有一个问题就是倒序输出字符串有哪些方法?突然觉得似乎应该有很多,赶快先开个随笔想想。第一反应,直接就是反着嘛。。。var str="abcd";var newstr="";for(var i=str.length-1;i>=0;i--){ newstr += str[i];}alert(newstr);第二反应就是split()函数。。感觉多此一举?var str="abcd";var _str=str.split("");var newstr="";for(var 阅读全文
posted @ 2014-02-25 16:55 PiLee 阅读(197) 评论(0) 推荐(0) 编辑
摘要: 用惯了jQuery的$.ajax(),的确写个回调函数又方便又快。但是不会用原生的JS AJAX可不行啊,其实也没有想象的复杂,初涉原生的AJAX还是先拿解析JSON数据来练练手。新建一个json.txt{"info": [{"name":"zhangsan","age":"26"},{"name":"lisi","age":"27"},{"name":"wangwu",&qu 阅读全文
posted @ 2014-02-25 16:19 PiLee 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 1. Doctype? 严格模式不混杂模式-如何触发这两种模式,区分它们有何意义?Doctype:文档类型,一个DOCTYPE是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。出现在代码的第一行例: DTD:Document Type Definition 文档类型定义常用的声明(DTD模式)有Strict,Transitional,FramesetHTML5 不基于 SGML,所以不需要引用 DTD。所以声明为严格模式:浏览器根据规范呈现页面混杂模式:在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。混杂模式 阅读全文
posted @ 2014-02-22 22:14 PiLee 阅读(368) 评论(0) 推荐(0) 编辑
摘要: 刚才看了http://www.w3cfuns.com/article-1287-1.html的这篇文章才明白清楚浮动还有如此多的方法,作者总结了很多不够正确的方法,也给出了比较好的方法.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }.clearfix { *zoom:1; }优点:结构和语义化完全正确,代码量居中缺点:复用方式不当会造成代码量增加1) display:block 使生成的元素以块级元素显示,占满剩余空间;2) height:0 避免生 阅读全文
posted @ 2014-02-16 14:09 PiLee 阅读(1707) 评论(0) 推荐(0) 编辑
摘要: Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义classe,还有强大的mixin用于生成更具语义的布局。简介栅格系统用于通过一系列的行(row)与列(column)的组合创建页面布局,你的内容就可以放入创建好的布局中。下面就介绍以下Bootstrap栅格系统的工作原理:“行(row)”必须包含在.container中,以便为其赋予合适的排列(aligment)和内补(padding)。使用“行(row)”在水平方向创建一组“列(column)”。你的内容应当放置于“列(colu 阅读全文
posted @ 2014-01-13 16:04 PiLee 阅读(1142) 评论(0) 推荐(0) 编辑
摘要: HTML5文档类型Bootstrap使用到的某些HTML元素和CSS属性需要将页面设置为HTML5文档类型。在你项目中的每个页面都要参照下面的格式进行设置。 ...移动设备优先在Bootstrap 2中,我们对框架中的某些关键部分增加了对移动设备友好的样式。而在Bootstrap 3中,我们重写了整个框架,使其一开始就是对移动设备友好的。这次不是简单的增加一些可选的针对移动设备的样式,而是直接融合进了框架的内核中。也就是说,Bootstrap是移动设备优先的。针对移动设备的样式融合进了框架的每个角落,而不是一个单一的文件。为了确保适当的绘制和触屏缩放,需要在之中添加viewport元数据标签. 阅读全文
posted @ 2014-01-08 14:19 PiLee 阅读(195) 评论(0) 推荐(0) 编辑