2010年5月8日

javascript之通用简单的table选项卡实现(二)

摘要: 继续完善上篇中的选项卡。  上篇中的选项卡存在这样的问题:把逻辑封装在table.js中,不够灵活,也就是说如果某个选项卡是实现异步请求或者跳转,而非div的显隐切换,那么就得修过table.js来达到目的,显然不是我所需要的。  回归原始,当样式切换后,把控制权还给页面,即table.js仅控制切换样式和记录操作:  完整html源码    table.js代码如下: 阅读全文

posted @ 2010-05-08 20:21 唯C 阅读(1039) 评论(0) 推荐(0)

2010年5月6日

javascript之通用简单的table选项卡实现(一)

摘要: 鉴于UI妹妹每次交付过来的选项卡都夹带了多多少少的js,而且每遇到选项卡就加一点js,造成垃圾低劣代码逐渐堆积过多了,一直想做一个通用简洁的选项卡库。今天下班回来摆弄了下,搞定!  第一步:引用table.js  第二步:定义选中的样式,比如“active”,应用选项卡的块的ID,比如“sidebar”,默认被选中的序号,比如第一个“0&... 阅读全文

posted @ 2010-05-06 22:37 唯C 阅读(1370) 评论(0) 推荐(1)

2010年5月1日

闭门造轮子——javascript实现图片轮播

摘要: 最近被轮播图片纠缠得头痛。缘由是UI在没有征求开发同意的情况下,在网上copy了一段,no,是大篇大篇分几段的轮播的js代码,导致的结果是:产品更换图片和链接、更换轮播图片数量时,我不得不睁大眼睛在页面修改N处html或js代码。  之前,由于应用较少,我没写过轮播js,逢五一假期,索性打开aptana闭门造轮子,写了这么一段js出来(IE8下调试,没有测过兼容性)。  由于深受其害,写之前反复思... 阅读全文

posted @ 2010-05-01 17:06 唯C 阅读(2924) 评论(0) 推荐(0)

2010年4月24日

javascript之学会吝啬

摘要: 前端开发,要学会吝啬: 1、吝啬你的代码,用最少的代码做最合适的事情;  比如你的代码中用到了很多document.getElementById(),你是否考虑写一个简单的ID选择器2、吝啬你的补丁,不要为了实现功能在现有框架上打补丁,而是框架扩展上写实现,如果框架不能扩展,是否考虑部分重构?  比如你已经拥有一套完整的表单正则验证框架,某天你发现某个表单在严重框架里找不到对应的正则,你可能的做法... 阅读全文

posted @ 2010-04-24 13:55 唯C 阅读(301) 评论(1) 推荐(0)

javascript之AJAX框架

摘要: ajax编码落地算是团队框架建设的一个里程碑,使得框架拥有了一个可应用调试的版本。在ajax框架编码中主要想到了这么几点:框架兼容性 方法全面而要简单快捷 可扩展性好 框架兼容性:ajax框架的兼容性主要表现在XMLHttpRquest对象生成上。根据不同类型浏览器或者不同库一般有三种方式new XMLHttpRequest(); new ActiveXObject("Microsoft.XMLH... 阅读全文

posted @ 2010-04-24 12:07 唯C 阅读(592) 评论(0) 推荐(0)

2010年4月18日

javascript之正则表达式

摘要: 元字符^ $ . * + ? = ! : | \ / ( ) [ ] { }在使用这些符号时需要用“\”来进行转移。如果记不清楚那些标点符号需要转移,可以在使用标点符号时都使用反斜杠“\”简单匹配1、直接量 /javascript/ 匹配带有“javascript”的字符串 比如“javascript is an... 阅读全文

posted @ 2010-04-18 23:23 唯C 阅读(372) 评论(0) 推荐(0)

2010年4月17日

javascript设计模式之【单体模式】

摘要: 单体模式(singleton)单体是在脚本加载时创建的,能将一系列有关联的变量和方法组织为一个逻辑单元,逻辑单元里面的内容通过单一的变量进行访问;一个单体主要分为三部分用于访问内部信息的入口变量(如:Sky)属性(如:nickName/age/timeInfo)方法(如:sayHello)基本结构 阅读全文

posted @ 2010-04-17 22:52 唯C 阅读(209) 评论(0) 推荐(0)

2010年4月16日

JavaScript之信息的封装

摘要: /* * JavaScript之信息的封装 * 在编码前,我们需要了解如下几个术语; * 封装:对内部数据的表现形式和实施细节进行隐藏; * 私有属性和方法:外界只能通过其公开的接口与其进行存取和交互 * 作用域:JavaScript中,只有函数具有作用域,函数内部定义的属性和方法在外部无法访问 * 特权方法:声明在函数内部,能访问函数内部变量(属性)的方法,比较耗费内存; */function ... 阅读全文

posted @ 2010-04-16 18:05 唯C 阅读(325) 评论(0) 推荐(0)

2010年4月15日

JavaScript之浏览器类型以及版本判断

摘要: 在团队js框架建设过程中写的一段浏览器判断代码return (Array)borwser比如当前浏览器类型是ie6.0,那么borwser的值应该是[“ie”,"6","6.0"]数组的第一个值表示浏览器的类型,第二个值表示浏览器的大版本,第三个值表示浏览器的详细版本号。/** * @author sky */var browser = function() { //默认为... 阅读全文

posted @ 2010-04-15 18:42 唯C 阅读(229) 评论(0) 推荐(0)

2010年4月6日

javascript对象之——内置对象“Math”

摘要: Math对象的一些方法能实现我们课本上的某些数学计算,比较常用的方法有如下几个:一、Math.min()和Math.max(),分别返回参数中的最小和最大值  例:  alert(Math.min(1,2,3))  //输出 “1”  alert(Math.max(1,2,3))  //输出 “3”二、Math.abs(),返回参数的绝对值  例: ... 阅读全文

posted @ 2010-04-06 21:36 唯C 阅读(175) 评论(0) 推荐(0)

导航