[譯]App Framework 2.1 （1）之 Quickstart （未完待續）

標籤：style   blog   http   color   io   使用   ar   java   strong   

    最近有移動App項目，選擇了 Hybrid 的架構Cordova  和  App Framework 架構開發。

    本來應該從配置循序漸進開始寫的，但由於上班時間太忙，這段時間抽不出空來，只能根據心情和興趣，想到哪寫到哪，前面的部分以後慢慢補上。

      App Framework 前生是是叫 jqMobi 注意大家不要和 jQuery Mobile 混淆了，它們是兩個不同的架構，一開始我還真混淆了0.01秒。

     這裡我先翻譯一下Quickstart 部分，一是自己工作上用的上，二是也想順便練練英文，最關鍵的是記憶力這段時間下降太多，每次看完不久又得重看一遍，寫下來好歹看的順溜一點。

    英文原文在這裡：http://app-framework-software.intel.com/documentation.php

    Intro -> Quickstart ( 簡介-> 快速入門 )

    使用 App Framework 的時候，你只能使用W3C 制定的有效選取器。要查看所有的有效選取器列表，請點擊 W3C。App Framework 不支援 jQuery 自己實現的自訂偽類（按：偽類應該是pseudo，官方寫成了psuedo ，老外也有錯別字啊 ）選取器(按：看這裡)。接下來的一些例子，可以協助開發人員加快開發。

    首先，把App Framework 插入進頁面

<script src="//cdn.app-framework-software.intel.com/2.1/appframework.min.js" type="text/javascript"></script>

　　App Framework 運行是通過把元素加入到一個“容器”（bucket）。所有容器內元素可以使用 App Framework api函數，這些函數能協助加快開發。

   使用  App Framework，你首先要學會用調用帶參數的$()函數，那些參數可以是如下之一。

•    String - 可以是一個元素的id "#id", 類 ".foo", 組合 “#id .foo”， 或者一個HTML 字串"<div id=‘foo‘></div>"
•    Element - 這會建立一個新的App Framework對象，並把這個Element元素加入到容器。
•    Array/Object 這會建立一個新的App Framework對象，並把那些數組的所有項加入到容器。
• 　Function - 這會執行這個function函數當DOMContentLoaded 事件觸發的時候，或者 在執行個體產生後立即執行。

　　你也能通過一個額外（additional又被官方筆誤成了addtional ，好歹也是全世界的人看，就不能仔細點嗎）的參數，允許你在一個“上下文”的內部去搜尋/過濾它。

　　

$("#foo"); //找到 id="foo" 的元素; $("div"); //找到頁面中所有的 div; $(".foo"); //找到 classname ="foo" 的所有元素; $("#foo span"); //找到 id="foo 中所有的span"

　　接下來，我們會找到所有列表想（<li>）並且把 foo類加入進去。

　　

$("li").addClass("foo");

　　

　　未完待續...

 

[譯]App Framework 2.1 （1）之 Quickstart （未完待續）