WinJS: 適用於 JavaScript 的 Windows Library

什麼是 WinJS?

WinJS 是開放原始碼的 JavaScript 程式庫,它能協助您建置 Windows 市集的 HTML、CSS 和 JavaScript 應用程式,且在所有執行 Windows 的裝置上有相同的外觀與效能。WinJS 能在任何瀏覽器中運作,且可以做為獨立的解決方案或與其他架構和程式庫搭配。

WinJS 有什麼功能?

WinJS 可以實現在 HTML 中加入 Windows UI 控制項,例如 ListView、FlipView 和語意式縮放,還有虛擬化集合等功能,以及頁面控制項、Promise、資料繫結和範本引擎。

我可以在哪裡使用 WinJS?

WinJS 不但可用於您的通用 Windows app (HTML/JS),也可用於您的網站,以及 Apache Cordova 等以 HTML 為基礎的應用程式技術。程式庫包含的模組能將 JavaScript 程式碼慣例帶到 Windows 執行階段功能。

立即開始

在 GitHub 檢視我們的原始程式碼。

下載 WinJS 或為您的專案建立自訂的 WinJS 組建。

在線上編輯您的程式碼,並且只要按一下按鈕便可查看變更。

WinJS 4.0 已推出

我們從今年稍早推出的 WinJS 4.0-Preview 獲得非常棒的意見反應與見解。現在,重要的時刻終於來臨。隨著 Windows 10 推出,我們很高興地宣布 WinJS 4.0! WinJS 4.0 支援您最愛的瀏覽器的所有新功能,包括全新的 Microsoft Edge,以及 AngularJS、KnockoutJS 和 ReactJS 的包裝函式。在我們最新的部落格文章深入了解如何安裝 WinJS。

深入了解

了解如何使用這些快速入門和做法教學,在 Windows web app 中建置酷炫的功能。

查詢您可在 Windows Web 應用程式中使用的個別 API。

在 Microsoft Virtual Academy 參與開放的免費線上課程。

下載 SDK 並以它們在 Visual Studio 中建置使用 WinJS 的 Windows 市集應用程式。

在 GitHub 上檢視 WinJS 原始程式碼並參與撰寫。

看看我們關於建置 Windows 8 Web 應用程式的最熱門電子書。

關注 Windows 部落格及搜尋 WinJS。

在 Stack Overflow 上關注 #winjs 相關討論,以了解新功能並與其他開發人員討論 WinJS。

在 Twitter 上關注 @buildwinjs。

WinJS 的相關影片

具播放按鈕的視訊影像

WinJS 支援常用 JavaScript 架構

取得 Microsoft 對於 App 架構支援的簡短歷史回顧,並查看回應式 App "CharMap" 在多個架構中重新建置為 Windows 10 應用程式的示範 (這些架構包括 KnockoutJS、AngularJS、ReactJS)、了解 Windows Bootstrap 主題,以及適用行動裝置開發的 Cordova。

具播放按鈕的視訊影像

使用 HTML 與 JavaScript 開發通用 Windows 應用程式入門

若要使用 HTML、CSS 與 JavaScript,在全新且精彩的平台上建立豐富的原生 App,這正符合您的需求。在此為期兩日的密集課程中,透過 Microsoft 專家了解詳細資訊。

具播放按鈕的視訊影像

WinJS 簡介

由 Cory Fowler 主講,加上 MS Open Tech 的 Olivier Bloch 與 WinJS 團隊的 Josh Williams 一起介紹 WinJS。

具播放按鈕的視訊影像

使用 HTML 和 JS 建立聚合式 App

逐步了解如何為 Windows 和 Windows Phone 建立使用 HTML、JavaScript 和 WinJS 程式庫的 App。了解 Visual Studio 通用專案如何協助您輕鬆在不同 App 之間共用程式碼,以及建立截然不同的經驗。

具播放按鈕的視訊影像

使用 HTML 和 JS 建立快速而流暢的介面

針對適用於 JavaScript 的 Windows Library (WinJS) 之 Windows 市集應用程式,了解如何使其效能最大化的最佳程式碼編寫實例。

具播放按鈕的視訊影像

使用 HTML 和 JS 建立您的第一個 App

觀看使用 HTML 和 JavaScript 建立 Windows 市集應用程式經驗的基本知識,其中包含 WinJS,而這會利用到您已具備的相關經驗。

WinJS 用於實際程式碼

本頁對您有幫助嗎?
其他意見反應?
感謝您! 感謝您的意見反應。
關注我們 Twitter 部落格 Facebook Twitter 部落格 Facebook WeChat LINE