Tránh hiển thị lại hình ảnh và các nội dung khác từ chế độ xem xương sống

Question

khi tôi quay lại chế độ xem xương sống, cách tốt nhất để bỏ qua hiển thị lại những thứ như hình ảnh và bản đồ google là gì? Ảnh của tôi và chế độ xem bản đồ có xu hướng nhấp nháy thực sự xấu mỗi lần xem lại được hiển thị lại (điều này khá thường xuyên). Với những hình ảnh đặc biệt, đó là trường hợp mà các động cơ templating đặt bố trí từ đầu, mà gây ra các thẻ hình ảnh để lấy bitmap hoặc từ máy chủ hoặc từ bộ nhớ cache một lần nữa.

Tất nhiên, tôi vẫn muốn chế độ xem vẫn không thuyết phục được bố cục, vì vậy về mặt kỹ thuật, không nên biết rằng chúng tôi sẽ hiển thị hình ảnh, đúng không?

Answer 1

Tôi sẽ cung cấp giải pháp xung đột với giả định của bạn "Chế độ xem phải độc lập với mẫu".

Nếu bạn gọi render() bất cứ lúc nào bất cứ điều gì đã thay đổi trong mô hình bạn sẽ có này nhấp nháy trong trình duyệt của bạn, đặc biệt nếu mẫu là lớn.

Đề xuất của tôi tách riêng render của Chế độ xem chỉ xảy ra một lần khi Chế độ xem lần đầu tiên được hiển thị và một số phương pháp trợ giúp update chịu trách nhiệm cập nhật các phần nhỏ của Chế độ xem được liên kết với thuộc tính Mô hình cụ thể.

Ví dụ:

// code simplified and not tested 
var MyView = Backbone.View.extend({ 
    initialize: function(){ 
    this.model.on("change:title", this.updateTitle, this); 
    this.model.on("change:description", this.updateDescription, this); 
    // ... more change:XXX 
    }, 

    render: function(){ 
    this.$el.html(this.template(this.model.toJSON())); 
    }, 

    updateTitle: function(){ 
    this.$el.find(".title").html(this.model.get("title")); 
    }, 

    updateDescription: function(){ 
    this.$el.find(".description").html(this.model.get("description")); 
    }, 

    // ... more updateXXX() 
}) 

Answer 2

Để có kết quả tốt nhất, bạn thực sự không muốn hiển thị lại HTML chứa phương tiện của bạn, vì vậy tôi khuyên bạn nên sử dụng nhiều lượt xem nhắm mục tiêu hơn cho nội dung thay đổi để bạn không cần phải trả lại lượt xem với nội dung không có.