文章出處

1.預編譯語言
在開發階段,用更完善的第三方程序語言,生成html,css,js代碼。
缺點:css有sass,less;js有CoffeeScript,TypeScripty;HTML呢?
優點:如果語言有缺陷,那我就再套一層語言來隱藏這些缺陷。
將來:據說hex語言...

 

2.css和html寫在html文件里

然后以

{
type:"get",
dataType:"text",
url:"module.html",
async:true,
cache:true
}

這個配置,ajax get請求html,
再把請求過來的文本,轉換為dom節點即可。
缺點:請求過多。
優點:html代碼和css代碼修改起來方便。
將來:多個http請求可以在同一個tcp連接進行,瀏覽器的頁面緩存策略升級。這個方案不錯。

 

3.css和html,js都寫在一個js文件

方式一,

var $html = $('<div class="moduleHtml"></div>'),
$css = $('<style>.moduleHtml{}</style>');

$("head").append($css);
$("body").append($html);

 


方式二,
因為dom是一個樹形結構,json也是一個樹形結構,于是可以用json生成html。
因為css是一個層疊結構,json也能表達層疊結構,于是可以用json生成css。
貌似,好像,react就是這么做。

缺點:html代碼和css代碼修改起來不方便。
優點:單文件闖關東。
將來:將來就是當下。

 


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()