2012-12-31 17 views
11

Tôi bắt đầu phát triển javascript và đã thực hiện một dự án đơn giản với node.js làm API còn lại và khách hàng sử dụng xương sống, mọi thứ trông hoàn hảo cho đến khi tôi muốn lấy mẫu của mình ra khỏi js.Đang tải mẫu với đường trục js

tôi thấy cách tiếp cận khác nhau, một số trong số họ với một thời gian (như một tuổi) nhưng tôi không thể hiểu được người ta có thể được tốt hơn:

  • Một .js tập tin với một var với html mã

    ưu -> dễ tải, dễ chuyển sang gạch dưới để biên dịch.

    nhược điểm -> scape mỗi dòng.

    app.templates.view = " \ 
    <h3>something code</h3> \ 
    "; 
    

    mẫu tải:

    template: _.template(app.templates.view) 
    

External template in Underscore

  • Sử dụng require.js để tải với văn bản plug-in.

    ưu -> tải các mẫu khác nhau nếu cần.

    khuyết điểm -> Tôi không thích cách tiếp cận để đưa mọi thứ bên trong một hàm "nạp" ...

    define(["TemplateEngine", "text!templates/template.html"], function(... 
    

RequireJS: Loading modules including templates and CSS

  • Một chức năng mà tải các mẫu với một bản kiến ​​nghị AJAX.

    ưu -> Bạn có thể tải mẫu bạn cần và thêm các vị trí lưu trữ cục bộ.

    cons -> Dường như tôi phải hợp nhất tất cả các mẫu của mình thành một tệp cho môi trường sản xuất.

    function() { 
    
    var templateLoader = {... $.get calls ...} 
    

Best way to asynchronously load underscore templates

  • Và một Jquery plug-in cho mẫu bốc mà tôi thực sự thích nhưng có vẻ như nó đã không đi để phát hành?

http://api.jquery.com/jQuery.template/

Dường như yêu cầu là phương pháp tốt nhất, nhưng có lẽ tôi đang thiếu một cái gì đó, tôi wan't để làm cho mọi việc càng sạch càng tốt kể từ khi tôi đang ở học tập/vui vẻ giai đoạn: D

Bất kỳ bài viết hay dự án github tốt nào có cấu trúc tốt hay bất kỳ ánh sáng nào về điều này sẽ được đánh giá cao.

Cảm ơn.

Excuse bất kỳ lỗi chính tả lớn, không phải là một người nói tiếng Anh :)

--EDIT-- tìm thấy một số video thú vị để hiểu làm thế nào để bắt đầu và quấn thứ với require.js http://www.youtube.com/watch?v=VGlDR1QiV3A

http://www.youtube.com/watch?v=M-wjQjsryMY

Trả lời

2

Tôi khuyên bạn nên sử dụng require.js với plugin văn bản. Trộn các mẫu html dưới dạng các chuỗi trong biến javascript là ý tưởng tồi, cũng như sử dụng một cái gì đó như <script type="text/template"></script>.

Đây là một chuỗi rất tốt về backbone.js bao gồm tải mẫu và xây dựng dự án: http://dailyjs.com/2012/11/29/backbone-tutorial-1/. Dự án Github cũng được cung cấp ở đó.

+0

Thx tôi sẽ xem xét,

2

Yêu cầu là một tùy chọn tốt từ những người bạn đã liệt kê.

Có một lý do bạn chưa coi đơn giản là:

  1. mẫu lưu trữ trong các trang sử dụng chúng như <script type='text/template'> nút?

  2. Lưu trữ mẫu dưới dạng tệp văn bản (không phải JS) và tải chúng qua XHR trên các trang sử dụng chúng?

+0

thx, xem xét đề xuất của bạn :) – Goofyahead