12 2012 档案

摘要：上一次，我依据Ajax原理简单讲了一下怎么样封装一个对象，用于执行页面上需要的Ajax请求，并保存Ajax数据。但是一个完善的Data对象需求有哪些？可控制权限可并发可收集异常信息可有进度提示可分页可数据验证但是以上的需求，有很多都是建立在一个View的显示上面的，例如进度提示，我们通常用这样一个组件去表示数据还在查询中。所以，我们并不能把以上许多功能都封装在Data组件中，例如分页、数据验证。于是，我们不得不提到一个模式：MVVM，这个模式是SilverLight盛行的时候被提出的，最大的特点就是数据Model和View有效解耦。当View上面数据被更改时，不需要执行如Data.Name = 阅读全文

摘要：如何获取DOM中当前获取焦点的元素 由于底层库的数据传递的做法，是当Input、TextArea这样的输入库失去焦点时候更新数据到Data对象。于是产生了这样一个bug。当用户输入一些内容，然后点击DataInput组件的时间选择框时，前面的Input并没有失去焦点。所以为了解决这个bug，理所当然想到把焦点放到DataInput组件上，$("#DateInput").focus();可是却没有生效。（生效与否看字体是否变红）于是改成将焦点取消。$(document.activeElement).blur()，成功。可是ff下却没有document.activeElemen 阅读全文

摘要：假如你手机充电器的插头坏了，但是线还是好的，你会怎么办？对，把线插在电脑的usb插口上面。那么适配器模式是什么。？如果你觉得$("#")不够cool.那么function $id(id){ return $("#"+id);}$id("bugluo");能不能满足你呢？jQuery源码中，将$的使用权让给别的类库之后。jQuery.noConflict();我们只有使用jQuery("#"+id)去获取对象了。这显然很不爽。照着我上面的处理方法，取一个你最喜欢的命名吧。 阅读全文

摘要：观察者模式可以干什么？当 div绑定onclick时候就会触发事件，当div没有绑定时候就不会触发。div.onclick = function click (){ alert ( ''click' )}所以dom与js之间就存在这样一个观察者模式。、function click(event,c){ alert(event+c);}var CopyrightLabel = new radf.Label({id:"CopyrightLabel",parent:BgPannel,width:470,height:22,vAlign:3,hAlign:3, 阅读全文

摘要：AJAX作为RIA实现的一个最重要的技术，不得不拿出来分析一下。AJAX整个过程即，发送请求，使用XMLHttpRequest对象动态获取数据。服务端授受请求，返回数据，客户端接受数据，操作DOM元素。Data对象的封装就是对以上过程进行简化。一个完整的Data对象封装如上。针对AJAX实现过程，我们要做以下封装内容。1.ajax请求地址及基本参数。一般来说，一个项目的ajax访问地址是相同的，根据action的不同，请求到不同的数据。2.返回的数据的处理通过访问之后的回调，将json数据格式的内容解析为多条的object内容，以方便实现mvc操作方式。 t = eval... 阅读全文

摘要：radf是此库命名，意为快速应用开发框架。 radf按类的功能分为Data、布局、数据组件、工具。 Data类：用于绑定从服务器端传来的数据。 布局：有Pannel、StackPannel、GridPannel、Splitter、TabForm，用于页面元素风格构建。 数据组件：MsgBox、Input、Radio、CheckBox、Select、Image、gridData、Portlet、RollerMenu、Calendar、DateInput、MoveWindow、Marque、FusionCharts后面五个是我做的，嘿嘿 工具： clone、copy、dataUnbi... 阅读全文

摘要：描述css reset的作用和用途。html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, 阅读全文

摘要：~~3.14问题：上面的语句的返回值是什么？答案：3"i'm a lasagna hog".split("").reverse().join("");问题：上面的语句的返回值是什么？答案："goh angasal a m'i"( window.foo || ( window.foo = "bar" ) );问题：window.foo的值是什么？答案："bar"只有window.foo为假时的才是上面答案，否则就是它本身的值。var foo = "He 阅读全文

摘要：你使用过那些Javascript库？ jQuery ExtJS你是否研究过你所使用的JS库或者框架的源代码？ 正在研究中、、、、、再说什么是哈希表？ 类比数组，数组是编程上的哈希表，哈希表是一种数据结构，关键点就是用一个key值来取对应数据，就像数组的下标。'undefined'变量和'undeclared'变量分别指什么？ 'undefined'是未定义，在jQuery源码中第一行就是，在变量没有赋值的时候的值即为undefined。underclared即为被污染的命名，当使用变量时，没有用var关键字，这时候，定义的变量会在window命名 阅读全文

摘要：这个前言是在百度一个叫Darren_聂微东那里看到的，知道设计模式，但最重要的是，这些设计模式有什么用。　前言： JavaScript设计模式的作用 - 提高代码的重用性，可读性，使代码更容易的维护和扩展。 1.单体模式，工厂模式，桥梁模式个人认为这个一个优秀前端必须掌握的模式，对抽象编程和接口编程都非常有好处。 2.装饰者模式和组合模式有很多相似的地方，它们都与所包装的对象实现同样的接口并且会把任何方法的调用传递给这些对象。装饰者模式和组合模式是本人描述的较吃力的两个模式，我个人其实也没用过，所以查了很多相关资料和文档，请大家海涵。 3.门面模式是个非常有意思的模式，几乎所有的J... 阅读全文