none
WinJS开发系列(二)- 如何正确使用JQuery RRS feed

  • 常规讨论

  • JQuery 可能是用的最广泛的一个JavaScript库,原因在于它非常实用,对DOM的操作很便捷,同样的很多开发者在面对WinJS的时候也会问道:如何在我的WinJS程序中使用JQuery的库。本文将会对此话题做出详细介绍

    “The jQuery team is excited about the new environments where jQuery 2.0 can be used. HTML and JavaScript developers want to take their jQuery knowledge with them to streamline the development process wherever they work. jQuery 2.0 gives them the ability to do that in environments such as Windows 8 Store applications.” - Dave Methvin, president, jQuery Foundation

    在项目中引入并使用JQuery,你需要做的是去JQuery官网下载一个2.0(必须是2.0以上)代码版本,通过添加现有文件的方式把JQuery引入到项目中来,另外建议在default.html中引入,确保项目中每个页面都可以使用到JQuery。

    使用如下代码添加JQuery的引用,如同引入其他js的方法一样:

    <script src="/js/jquery-2.0.3.min.js"></script> 

    这样一来我们便可以在项目中使用JQuery。至于JQuery最基本的用法在JQuery官网有介绍,本文不再说明,请移步去查看http://jquery.com/。相信JQuery的引入会使WinJS的开发变得更为简便,也将吸引更多Web开发者。

    引入JQuery的巨大好处在于:更方便的操作对象,比如说对象的选取(美元符号),对象属性的更改(removeAttr之类)以及操作后台对象。

    但同时,WinJS也有很多优点,比如说一个动画效果,WinJS的动画效果是经过特殊优化而成,不会阻挡UI进程,而JQuery的动画效果则是在UI进程中执行,这样在JQuery动画效果运行的时候,用户将不能做出与程序的互交。同样JQuery在处理某些与OpacityDisplay相关动画(FadeInHideShowFadeOut之类)的时候会自动调节页面,有可能会使页面布局更改,这点请注意。

    下表是JQueryWinJS主要动画效果的API

    jQuery animation

    WinJS

    slideUp

    WinJS.UI.Animation.createCollapseAnimation function

    slideDown

    WinJS.UI.Animation.createExpandAnimation function

    show

    WinJS.UI.Animation.enterContent function,

    WinJS.UI.Animation.createExpandAnimation function

    hide

    WinJS.UI.Animation.exitContent function,

    WinJS.UI.Animation.createCollapseAnimation function

    一般我们写JQuery代码的时候都会在$(document).ready(function() {…..code here…….} 这段话中进行,在WinJS中我们不需要特意的去写这么一段,而是在如下代码中直接插入JQuery

    WinJS.UI.Pages.define("pageone.html", {
      ready: function (element, options) { 
        // Add set up code here.
      }
    });

    访问Web资源的方式:WinJS中使用xhr,类似于JQuery中的ajax功能,不过HttpClient classWin8.1的新功能) 似乎是一个更好的选择。

    总结:上面所说的,都是对WinJS和JQuery做一个客观的评估,两者可以互相共存,两者互有优缺点,两者可以互相弥补,希望读者们可以使用两种工具开发出一个更好的商店应用程序。


    <THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
    Thanks
    MSDN Community Support

    Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.



    2013年10月28日 4:24
    版主