Ứng dụng kiểu Metro: WinJS phải không?

Question

Hôm qua tôi đã bắt đầu phát triển Ứng dụng kiểu Metro đầu tiên của mình bằng JavaScript. Tôi đã sử dụng một trong các mẫu đó trong Visual Studio 2011. Mẫu dự án này đi kèm với một loạt các mã được tạo ra dựa chủ yếu vào WinJS. Toàn bộ cấu trúc nhắc nhở về ASP.NET với các Views và các tệp Code Behind tương ứng. Ngoài ra còn có tệp navigator.js chịu trách nhiệm điều hướng giữa các Chế độ xem. Toàn bộ dữ liệu nằm trong data.js và có thể được truy xuất bằng các hàm khác nhau.

Tôi đã làm việc với backbone.js và tôi thấy các khái niệm của nó như cấu trúc MVC và định tuyến khá thú vị. Câu hỏi của tôi về cơ bản là nếu bạn có thể thực hiện một ứng dụng kiểu Metro như vậy bằng cách sử dụng backbone.js? Tôi có thể loại bỏ WinJS và chỉ bắt đầu từ đầu không? Tôi có nên cố gắng tích hợp backbone.js vào cấu trúc hiện tại không? Nó sẽ trông như thế nào? Có bất kỳ hạn chế nào khi sử dụng khung JavaScript của bên thứ ba không? Tôi có nên rời khỏi cấu trúc được tạo ra không?

Các phương pháp hay nhất và mẫu phát triển ứng dụng Metro Style với JavaScript là gì?

Cảm ơn

Answer 1

Bạn có thể sử dụng bất kỳ khung JavaScript nào bạn thích trong ứng dụng JavaScript kiểu Metro. Xem câu hỏi liên quan này về jQuery:

jQuery and Windows 8 JavaScript Metro Style Apps

Khung WinJS thực hiện một vài chức năng, đầu tiên là một tập hợp các API phi UI để quản lý và thao tác dữ liệu, làm cho yêu cầu dịch vụ vv ... Đây là những dễ dàng thay thế bằng các khung JavaScript khác. Thứ hai là lớp giao diện người dùng, ở đây bạn có thể đấu tranh một chút. Giao diện người dùng WinJS đã được thiết kế theo Ngôn ngữ thiết kế Metro. Nếu bạn thay thế nó bằng lớp giao diện người dùng của riêng bạn (ví dụ như sử dụng giao diện người dùng jQuery), ứng dụng của bạn sẽ không nhìn đúng.

Cá nhân tôi sẽ sử dụng WinJS cho lớp giao diện người dùng và tích hợp với thời gian chạy (trạng thái kiên trì, chuyển đổi ứng dụng v.v.), nhưng sử dụng thư viện JavaScript chuẩn hơn, chẳng hạn như Backbone hoặc Knockout cho phần lớn mã của tôi để đảm bảo tính di động.

Answer 2

Tôi sử dụng Knockout js và Yêu cầu js cho MVVM. Đối với hiệu ứng hình ảnh, tôi sử dụng jQuery.

My dữ liệu chính trông giống như một chút này:

(function() { 
    "use strict"; 

    var app = WinJS.Application; 

    app.onactivated = function (eventObject) { 
     require(["/scripts/knockout"], function(ko){ 
      // My knockout viewModel and data binding goes here 
     }); 
    }; 

    app.start(); 
})(); 

Nếu bạn thích Backbone trong Thay vào đó, tôi đoán các thiết lập sẽ là tương tự.