jQuery技术

从零开始学习jQuery一开天辟地入门篇(2)

字号+ 作者:H5之家 来源:H5之家 2016-06-07 16:01 我要评论( )

首先看一下visual studio带给我们的智能感知惊喜. 要让visual studio支持智能感知, 需要下列条件: 安装 vs2008 sp1 下载地址: 安装vs 2008 patch kb958502以支持"-vsdoc.js "intellisense文件. 该补丁会导致visual

首先看一下visual studio带给我们的智能感知惊喜. 要让visual studio支持智能感知, 需要下列条件:

  • 安装 vs2008 sp1
    下载地址:
  • 安装vs 2008 patch kb958502以支持"-vsdoc.js "intellisense文件.
    该补丁会导致visual studio在一个javascript库被引用时,查找是否存在一个可选的"-vsdoc.js "文件,如果存在的话,就用它来驱动javascript intellisense引擎。这些加了注释的"-vsdoc.js "文件可以包含对javascript方法提供了帮助文档的xml注释,以及对无法自动推断出的动态javascript签名的另外的代码intellisense提示。你可以在"这里"了解该补丁的详情。你可以在"这里"免费下载该补丁。
  • 必须要引用vsdoc版本的jquery 库

  • 在编写脚本的时候, 甚至刚刚输入"$"的时候,vs可以智能提示:

    在使用方法时, 还会有更多的提示:

    image

     

    有了智能感知我们编写javascript变得和c#一样快速,便捷,舒服.大部分情况可以一次编写成功而不用再为了一个大小写而查询javascript帮助文件.能够让visual studio对jquery 实现智能感知的前提是要引入vsdoc版本的jquery 类库. 示例中我们引入了"jquery -1.3.2-vsdoc2.js "文件. 如果引用其他版本比如min版本的jquery 类库就无法启用智能提示.但是在正式环境下, 我们必须要使用"min"版本的jquery 库文件, 以1.3.2版本号为例,各个版本的大小如下:

    其中第一个是未压缩的jquery 库. 如果启用gzip压缩并且使用min版本的jquery .js 可以在传输过程中压缩到19kb.

    注意,如果我们更新了脚本, 可以通过"ctrl+shift+j"快捷方式更新visual studio的智能感知,或者单击 编辑->intellisense->更新js cript intellisense:

    image

    为了即能在visual studio中增加脚本提示, 又能在上线的时候使用min版本的脚本库, 我们一般是用如下方式引入jquery 库:

    1. 控制编译结果 <%if (false) { %> <script type=} %>

    这是网上推荐的方式. 编译后的页面上只有min版本的引用, 同时在开发时能够享受到智能感知.但是注意这种方式引用的min类库只能是1.2.6或者之前的版本号. 最新的1.3.2的所有非vsdoc版本的jquery 库引用后都会导致js cript intellisense更新出错. 这是1.3.2版本的一个bug, 期待后续版本中解决. 其实大家完全可以使用1.2.6版本的min库, 本教程涉及的jquery 功能, 1.2.6版本基本都支持.

    我们使用了if(false)让编译后的页面不包含vsdoc版本jquery 库的引用, 同样的思路还可以使用比如将脚本引用放入一个placeholder并设置visible=fasle等.

    2. 使用后端变量

    为了能使用 1.3.2 版本的min库, 我们只能通过将脚本引用放在变量里, 通过页面输出的方式, 此种方式可以正常更新js cript intellisense.但是可能有人和我一样不喜欢在前端使用变量:

    =jquery scriptblock %>


    后台声明变量:

    scriptblock = ; 


        六.在独立的.js 文件中启用脚本智能感知

    上面我们解决了在页面中智能感知的问题, 其实在独立的.js 文件中我们同样可以启用脚本的智能感知, 在intellisensedemo.js 文件中,添加如下语句:

    /// <reference path="jquery -1.3.2-vsdoc2.js " />
     

    更新js cript intellisense, 会发现在脚本中也启用了智能提示:

    image

    注意,本文中讲解的脚本智能感知不仅适用于jquery 类库, 还适用于自己编写的javascript代码.

      七.总结

    本文简单介绍了

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • 人人都应该了解的10个 jQuery 小技巧

      人人都应该了解的10个 jQuery 小技巧

      2016-06-11 13:00

    • JQuery选择器特辑

      JQuery选择器特辑

      2016-06-07 10:00

    • jQuery的打字机效果

      jQuery的打字机效果

      2016-06-06 16:00

    • jquery中text(),val(),html()区别

      jquery中text(),val(),html()区别

      2016-06-06 12:00

    网友点评
    /