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

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

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

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

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

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

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

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

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

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