从Atlas到Microsoft ASP.NET AJAX(4) - Browser Compatibility

简介:
Browser Compatibility

  在CTP版本中使用为解决浏览器兼容问题提供了一个抽象层,将功能集中到了IE浏览器的使用方式上。在服务器端如果发现客户端使用的不是IE浏览器,则会立即添加一个额外的JavaScript引用。

  在RTM版本中,这一抽象层依旧存在,但是它基于了标准,也改进了其设计。因此,服务器端的浏览器类型调查已经不需要。取而代之的是在客户端进行的浏览器功能检查,以及一些其它经过抽象的API。一些基于组件的API也会使用这些抽象,例如,之前谈到的事件模型使用了 DomEvent.addHandler DomEvent.removeHandler 这两个基于标准的方法。请注意,事件的命名规则是使用了“ click ”而不是“ onclick ”,这些API的名字和组件或类型使用的命名规则保持了一致。

Comment  阅读过《 Professional JavaScript for Web Developers》的朋友们会发现,ASP.NET 2.0 AJAX Extentions使用的浏览器事件兼容方法和这本书的做法非常的相似。另外,这本书也推荐了根据浏览器功能的检查来提供浏览器兼容功能,而不是判断浏览器的类型与版本,因为根据检查浏览器功能得到的结果更为准确,也有可能支持更多的,甚至未来的浏览器。而现在取消服务器端的检测的做法也是因为这个原因。
不过我需要承认,我在看到Atlas以前的AtlasCompact.js代码时觉得它非常的不错,它为非IE的的浏览器提供了IE功能,这样开发人员只需要简单地为IE进行开发就可以了。我依旧觉得这些代码还是很值得研究和使用的,毕竟它还被使用在Windows Live系列产品中。另外,它还能够被添加到任何单为IE浏览器开发的应用中,从而得到一定的平台兼容性,这是Microsoft ASP.NET AJAX的Compact层无法做到的。


Building Debug and Release Scripts

  我们设计的情景使我们意识到需要为ASP.NET AJAX提供一个强大而稳定的工具支持。这样的工具需要有能够支持工具的debug脚本,另外,它还有能力为产品环境创建release脚本。

  在CTP版本中,debug和release脚本几乎没有差别,仅仅是release得到了压缩,移除了不必要的空格而已。在RTM版本中,我们考虑为Debug脚本提供强大的工具支持和编程体验,因此现在的debug脚本里有:
  • 对文档注释的支持。它们不仅为InteliSense服务,也提供了在“编译时”的检查,例如对于检查参数类型的检查。
  • 就像之前所提到的,使用Error对象的扩展而得到的错误处理能力。
  • 经过命名的函数。与匿名函数相比,debug脚本中的函数存在着伪命名,这样在调试时,就能获得额外的信息。例如查看callstack时能够准确地发现方法的调用顺序。
Comment  如果对比Debug目录和Release目录下的脚本就能很明显地发现两者的区别。例如上面所说的最后一条,在Debug中函数定义的样子是类似“Function.createDelegate = function Function$createDelegate(instance, method){...}”,而在Release模式下则类似“Function.createDelegate =function(instance,method){...}”。向“Function$createDelegate”这样的信息在使用Debug脚本进行调试时就能在callstack中看到。个人认为,我们应该也遵守这种设计规范。
Doc Comments

  如果您是开发组件开发人员,您现在可以在Debug脚本中提供您自定义类型的类型描述信息,它们的作用是为Visual Studio“Orcas”提供的IntelliSense和语句补充(这些功能不会在Visual Studio 2005中出现)功能所需的信息。另外,文档注释也提供了使用Client FX验证机制来进行“编译时”检查的支持。

  文档注释提供了以下功能:
  • 您可以在构造函数或者成员中定义注释。
  • 您可以在属性的get/set方法,以及事件的add/remove方法中定义注释。
  • 您可以在接口的构造函数中定义注释。
  • 注释能够支持复杂类型的参数和返回值。
  下面的示例展示了在RTM里文档注释的使用方式,这里以BorderBehavior的片断作为例子,如下:
Type.registerNamespace('Custom.UI');

Custom.UI.BorderBehavior 
=   function (element) {
    
// / <summary>A border behavior</summary>
     // / <param name="element">Associated element</param>
    Custom.UI.BorderBehavior.initializeBase( this , [element]);
}
Custom.UI.BorderBehavior.prototype 
=  {
    ...
    get_color: 
function () {
       
// / <summary>Color</summary>
        // / <value type="String"/>
        return   this ._color;
    },
    ...
}



Defining Type Descriptors

  在CTP版本中,您通过继承Compoenent类而实现了ICustomTypeDescriptorProvider接口,因此您会重写getDescriptor方法并返回一个TypeDescriptor对象,以此支持XML-Script的解析,例如binding。

  下面的例子展示了在CTP版本中定义一个Button类的代码,请注意它使用closure的方式。如下:
Custom.Button  =   function (associatedElement) {
    Custom.Button.initializeBase(
this , [associatedElement]);
    ..
    
this .getDescriptor  =   function () {
        
var  td  =  Sys.UI.Button.callBaseMethod( this , 'getDescriptor');
        
        td.addProperty('command', String);
        td.addProperty('argument', String);
        td.addEvent('click', 
true );
        
return  td;
    }
    ...
}

  在RTM版本中类型描述符被去除了,原因如下:
  • XML-Script需要额外的脚本以及加载和处理的逻辑,因此会影响脚本的大小和运行的性能。而这种不必要的负担,更多情况下之会在使用服务器端控件创建富客户端行为时产生。
  • XML-Script是面向客户端的,使用声明方式编程的模型,这些内容只在Value-add包内提供。
  • 所有通过XML-Script定义的行为都是通过Javascript创建的,使用它们本身无需对于XML-Script的处理。(当然,如果有了合适工具的支持,XML-Script的开发会相对容易一些。)
  • 目前还没有合适的工具支持XML-Script开发,导致其对于开发人员来说相当的麻烦。
Comment  对于前三条我不置可否,可能有其一定的道理,但是对于最后一条所说的理由实在让我不满。不满的原因并不是XML-Script被去除导致的(事实上也只是转移到了Value-Add包内),而是因为文档声称没有办法支持XML-Script开发,我也辛辛苦苦地编写过数百行的Schema供Visual Studio 2005使用,微软不可能做不到更好。
现在我只能期望在Orcas里能够有更好的支持。
  以上这些功能,包括XML-Script,已经被放入了Value-add包内,可以继续配合RTM版本使用。因此您能够编写一个组件,并支持开发人员通过XML-Script使用它。为了支持这种能力,Value-add包内仍然包括了TypeDescriptor对象的使用,不过现在已经使用JSON来表示了。这样,RTM版本无需任何支持就能定义一个类型描述符了。

  下面的示例展示了与之前类似的Button组件的开发方式,不过现在是使用RTM版本进行开发。如下:
Custom.UI.Button  =   function (associatedElement) {
    Sys.UI.Button.initializeBase(
this , [associatedElement]);
}
Custom.UI.Button.prototype 
=  {
    ...
}
Custom.UI.Button.descriptor 
=  {
    properties: [ {name: 'color', type: String } ],
    methods: [ ... ],
    events: [ {name:'click'}, ... ]
}

  您可以为属性添加 readOnly 的描述,以此确保这个属性有一个默认值.如下:
MyControl.descriptor  =  { properties: [{name:  " title " , type: String, readOnly:  true }] }

  如果您需要引用一个DOM元素,则使用 Sys.UI.DomElement 作为类型。如下:
MyControl.descriptor  =  { properties: [{name:  "... " , type: Sys.UI.DomElement }] }

  类似地,如果一个组件定义了一些引用其它组件的属性(可能在制作一个组合表单),那么在TypeDescriptor里则应该表明对这个类型的引用。如下:
MyControl.descriptor  =  { properties: [{name:  "... " , type: Custom.Button }] }

  如果您使用了Value-add包内的XML-Script,您就能够为类型的名字对应一个tag。Value-add脚本会根据类型描述符处理其余所有的工作。



本文转自 jeffz 51CTO博客,原文链接:http://blog.51cto.com/jeffz/59548,如需转载请自行联系原作者

相关文章
|
1月前
|
XML 开发框架 .NET
C# .NET面试系列八:ADO.NET、XML、HTTP、AJAX、WebService
## 第二部分:ADO.NET、XML、HTTP、AJAX、WebService #### 1. .NET 和 C# 有什么区别? .NET(通用语言运行时): ```c# 定义:.NET 是一个软件开发框架,提供了一个通用的运行时环境,用于在不同的编程语言中执行代码。 作用:它为多语言支持提供了一个统一的平台,允许不同的语言共享类库和其他资源。.NET 包括 Common Language Runtime (CLR)、基础类库(BCL)和其他工具。 ``` C#(C Sharp): ```c# 定义: C# 是一种由微软设计的面向对象的编程语言,专门为.NET 平台开发而创建。 作
174 2
|
6月前
|
开发框架 .NET 数据库
asp.net企业费用报销管理信息系统VS开发sqlserver数据库web结构c#编程Microsoft Visual Studio
asp.net 企业费用报销管理信息系统是一套完善的web设计管理系统,系统具有完整的源代码和数据库,系统主要采用B/S模式开发。开发环境为vs2010,数据库为sqlserver2008,使 用c#语言开发 应用技术:asp.net c#+sqlserver 开发工具:vs2010 +sqlserver
49 0
|
9月前
|
前端开发
解决.NET Core Ajax请求后台传送参数过大请求失败问题
解决.NET Core Ajax请求后台传送参数过大请求失败问题
|
10月前
|
开发框架 前端开发 JavaScript
【Asp.net】 Ajax小例子
【Asp.net】 Ajax小例子
69 0
|
开发框架 前端开发 JavaScript
ASP.Net Core中使用jquery-ajax-unobtrusive替换Ajax.BeginForm
ASP.Net Core中使用jquery-ajax-unobtrusive替换Ajax.BeginForm
154 0
|
开发框架 移动开发 前端开发
ASP.NET MVC中使用jQuery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径
ASP.NET MVC中使用jQuery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径
250 0
|
开发框架 前端开发 .NET
ASP.NET MVC 中使用Highcharts+Ajax+Json生成动态曲线图,柱状图,饼图
ASP.NET MVC 中使用Highcharts+Ajax+Json生成动态曲线图,柱状图,饼图
128 0
ASP.NET MVC 中使用Highcharts+Ajax+Json生成动态曲线图,柱状图,饼图
|
JSON 前端开发 .NET
如何构建ASP.NET MVC4&JQuery&AJax&JSon示例
背景:   博客中将构建一个小示例,用于演示在ASP.NET MVC4项目中,如何使用JQuery Ajax。 步骤: 1,添加控制器(HomeController)和动作方法(Index),并为Index动作方法添加视图(Index.cshtml),视图中HTML如下: 输入你的姓名: 输入你的年龄: 提交 清空   视图中包含两个文本框,分别用来输入名字和年龄,包含连个按钮,分别用来提交信息和清空文本框的内容,同时包含一个段落,用来显示Ajax返回的数据信息。
1050 0
tsh
|
JSON 前端开发 JavaScript
.net core 2.0 Razor调用ajax(自学笔记)
刚刚开始使用.net core 2.0 Razor进行web开发,上来就遇到一点小问题,在前端页面如何调用ajax,网上的文章很多,但大多是传统的MVC架构,即通过ajax调用controller,虽可以使用但总不理想。
tsh
2697 0