启用Visual Studio 对jQuery的智能感知
| 首先看一下Visual Studio帶給我們的智能感知驚喜. 要讓Visual Studio支持智能感知, 需要下列條件:
在編寫(xiě)腳本的時(shí)候, 甚至剛剛輸入"$"的時(shí)候,VS可以智能提示: 在使用方法時(shí), 還會(huì)有更多的提示: 有了智能感知我們編寫(xiě)javascript變得和C#一樣快速,便捷,舒服.大部分情況可以一次編寫(xiě)成功而不用再為了一個(gè)大小寫(xiě)而查詢 javascript幫助文件.能夠讓Visual Studio對(duì)jQuery實(shí)現(xiàn)智能感知的前提是要引入vsdoc版本的jQuery類庫(kù). 示例中我們引入了"jquery-1.3.2-vsdoc2.js"文件. 如果引用其他版本比如min版本的jQuery類庫(kù)就無(wú)法啟用智能提示.但是在正式環(huán)境下, 我們必須要使用"min"版本的jquery庫(kù)文件, 以1.3.2版本號(hào)為例,各個(gè)版本的大小如下: 其中第一個(gè)是未壓縮的jquery庫(kù). 如果啟用gzip壓縮并且使用min版本的jquery.js可以在傳輸過(guò)程中壓縮到19KB. 注意,如果我們更新了腳本, 可以通過(guò)"Ctrl+Shift+J"快捷方式更新Visual Studio的智能感知,或者單擊 編輯->IntelliSense->更新JScript Intellisense: 為了即能在Visual Studio中增加腳本提示, 又能在上線的時(shí)候使用min版本的腳本庫(kù), 我們一般是用如下方式引入jQuery庫(kù): 1. 控制編譯結(jié)果<script type="text/javascript" src="scripts/jquery-1.2.6.min.js"></script><%if (false) { %> <script type="text/javascript" src="scripts/jquery-1.3.2-vsdoc2.js"></script> <%} %> 這是網(wǎng)上推薦的方式. 編譯后的頁(yè)面上只有min版本的引用, 同時(shí)在開(kāi)發(fā)時(shí)能夠享受到智能感知.但是注意這種方式引用的min類庫(kù)只能是1.2.6或者之前的版本號(hào). 最新的1.3.2的所有非vsdoc版本的jquery庫(kù)引用后都會(huì)導(dǎo)致JScript Intellisense更新出錯(cuò). 這是1.3.2版本的一個(gè)bug, 期待后續(xù)版本中解決. 其實(shí)大家完全可以使用1.2.6版本的min庫(kù), 本教程涉及的jquery功能, 1.2.6版本基本都支持. 我們使用了if(false)讓編譯后的頁(yè)面不包含vsdoc版本jquery庫(kù)的引用, 同樣的思路還可以使用比如將腳本引用放入一個(gè)PlaceHolder并設(shè)置visible=fasle等. 2. 使用后端變量為了能使用 1.3.2 版本的min庫(kù), 我們只能通過(guò)將腳本引用放在變量里, 通過(guò)頁(yè)面輸出的方式, 此種方式可以正常更新JScript Intellisense.但是可能有人和我一樣不喜歡在前端使用變量: <asp:PlaceHolder Visible="false" runat="server"><script type="text/javascript" src="scripts/jquery-1.3.2-vsdoc2.js"></script> </asp:PlaceHolder> <% =jQueryScriptBlock %> 后臺(tái)聲明變量: protected string jQueryScriptBlock = @"<script type=""text/javascript"" src=""scripts/jquery-1.3.2.min.js""></script>";在獨(dú)立的.JS文件中啟用腳本智能感知上面我們解決了在頁(yè)面中智能感知的問(wèn)題, 其實(shí)在獨(dú)立的.js文件中我們同樣可以啟用腳本的智能感知, 在IntellisenseDemo.js文件中,添加如下語(yǔ)句: /// <reference path="jquery-1.3.2-vsdoc2.js" />更新JScript Intellisense, 會(huì)發(fā)現(xiàn)在腳本中也啟用了智能提示: 注意,本文中講解的腳本智能感知不僅適用于jQuery類庫(kù), 還適用于自己編寫(xiě)的javascript代碼. |
轉(zhuǎn)載于:https://www.cnblogs.com/yingpp/archive/2010/01/20/1652395.html
總結(jié)
以上是生活随笔為你收集整理的启用Visual Studio 对jQuery的智能感知的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 七种与輻射和平相處的妙法 - 生活至上,
- 下一篇: PatBlt - [Daliy APIs