iT邦幫忙

DAY 6
9

用 HTML5 和 JavaScript 學習開發 Windows 8 Apps系列 第 8

Day6 Windows API For Windows App(二) WinJS

  • 分享至 

  • xImage
  •  

繼上一篇介紹 WinRT ,接下來要聊 WinJS。搖頭
這兩個都很難懂(我都快要不知道自己在寫什麼了),不過也不會有下一篇了,忍耐忍耐...Orz
Windows Library for JavaScript:
有的人會直接稱他為 WinJS。

這個 API 跟 Windows Runtime 是不一樣的,他是純 JavaScript。

這類的 API 都是提供一些 windows 8 app style 的元件。

不過要注意的是,如果你要使用這個 API,你一定要載入 base.js ,然後再載入 ui.js, 這部分 先知道這些觀念就好,通常當我們建立空白的 App 專案時,其會幫你產生 default.html 這個檔案,裡面已經幫你寫好了,像這樣:

<script href="//Microsoft.WinJS.1.0/js/base.js"></script>
<script href="//Microsoft.WinJS.1.0/js/ui.js"></script>

WinJS 可以讓你自己擴充功能,它可以讓你自己定義命名空間。
WinJS 包含了以下幾種很有幫助的事:

1.實踐 CommonJS Promises/A
2.UI組件
3.DOM utilities
4.導航 and xhr

WinJS 有哪些 API 呢? 舉例來說:
* WinJS.Application
* WinJS.Binding
* WinJS.Class
* WinJS.Namespace
* WinJS.Navigation
* WinJS.Resources
* WinJS.UI (初學時會最常用到這個)
* WinJS.UI.Rating
* WinJS.UI.AppBar
* WinJS.UI.FlipView
* WinJS.Utilities

最後要順帶一提的是,這兩個 API( WinRT 跟 WinJS ) 是 only for Windows Store App,也就是說只能用在開發 windows 8 app 應用程式市集的 App,並沒有支援瀏覽器,也就是你直接點首頁 default.html 是可以用瀏覽器開,可是不會是你想要的樣子。

WinRT v.s WinJS
可以把 WinRT (Windows Runtime) 想像成是一個運行的平台。而 WinJS 可以跑在 WinRT(Windows Runtime) 上。

本篇同時轉載於:http://winwu.github.io/windows-8-app/2013/09/21/day6-win8-app-winjs/

如有任何問題,歡迎留言。雖然我不一定會 :P,但盡可能找到 reference 或解答。臉紅


上一篇
Day5 Windows API For Windows App(一) WinRT
下一篇
Day7 介紹空白應用程式 Blank App
系列文
用 HTML5 和 JavaScript 學習開發 Windows 8 Apps30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
鐵殼心
iT邦高手 1 級 ‧ 2013-09-21 00:27:53

沙發

yiying iT邦新手 1 級 ‧ 2013-09-21 00:28:42 檢舉

噴鼻血臉紅噎到

0
卡斯
iT邦研究生 1 級 ‧ 2013-09-21 00:48:11

讚

yiying iT邦新手 1 級 ‧ 2013-09-22 23:07:35 檢舉

XDXD

0
Blackie Tsai
iT邦新手 5 級 ‧ 2013-09-21 01:01:58

忙喜歡臉紅

yiying iT邦新手 1 級 ‧ 2013-09-22 23:08:03 檢舉

筆記rock唱歌

0
pajace2001
iT邦研究生 1 級 ‧ 2013-09-22 20:53:58

讚讚讚灑花

yiying iT邦新手 1 級 ‧ 2013-09-22 23:07:46 檢舉

臉紅臉紅臉紅

我要留言

立即登入留言