久久久久在线观看_又色又爽又黄的免费视频播放_一区中文字幕_日韩电影在线播放

今日頭條 焦點(diǎn)資訊 營(yíng)銷(xiāo)之道 企業(yè)報(bào)道 淘寶運(yùn)營(yíng) 網(wǎng)站建設(shè) 軟件開(kāi)發(fā) 400電話
  當(dāng)前位置: 首頁(yè) » 資訊 » 網(wǎng)站建設(shè) » 正文

Javascript 頁(yè)面模板化 大部分人沒(méi)有使用過(guò)的方法

放大字體  縮小字體 發(fā)布日期:2018-02-18  來(lái)源:新格網(wǎng)  作者:新格網(wǎng)  瀏覽次數(shù):649  【去百度看看】
核心提示:把+=這種形式改成數(shù)組的push形式,有人說(shuō)push比這種字符鏈接要快,但是也快不了多少。如果修改(添加或者刪除)某個(gè)html,那么你就要不斷的翻代碼,找對(duì)應(yīng)的標(biāo)簽,然后在找結(jié)束標(biāo)簽,你不覺(jué)得麻煩嗎?

介紹

今天遇到一個(gè)問(wèn)題,這個(gè)問(wèn)題也是我以前遇到的問(wèn)題,以前的方式,也是大多數(shù)人使用的方式。大家可以看看我的文章。

從前的方式——我估計(jì)也是大多數(shù)人使用的方式

比如以下的代碼——摘自新浪首頁(yè)的一段js代碼,這種方式也是大多數(shù)人使用的方式。

上面的代碼,你看完有什么反應(yīng)?你也許會(huì)把+=這種形式改成數(shù)組的push形式,有人說(shuō)push比這種字符鏈接要快,但是也快不了多少。

如果這種嵌入的html代碼很多,你也要這樣處理嗎?如果修改(添加或者刪除)某個(gè)html,那么你就要不斷的翻代碼,找對(duì)應(yīng)的標(biāo)簽,然后在找結(jié)束標(biāo)簽,你不覺(jué)得麻煩嗎?也許有人會(huì)這樣寫(xiě)(這個(gè)是我早期寫(xiě)的,也是我最慣于使用的方式)。

上面的代碼,我維護(hù)起來(lái)也是非常費(fèi)勁的,很多時(shí)候如果ui那邊添加了個(gè)標(biāo)簽,或者修改了下html結(jié)構(gòu),那我就頭疼了。

頁(yè)面模板化——全新的方式

這是我最近看了facebook的js代碼,偶然間發(fā)現(xiàn)以下的方式看起來(lái)不錯(cuò),希望與大家分享。

看我的index.html代碼

 看我的js代碼

維護(hù)上面的html代碼我們是很容易的,下次無(wú)論html代碼結(jié)構(gòu)有什么變動(dòng),改起來(lái)都很方便。

總結(jié)

上面的代碼有很多問(wèn)題,大家不要見(jiàn)怪,這個(gè)只是我的簡(jiǎn)易版。

當(dāng)前的模板只支持簡(jiǎn)單的變量替換,有很多功能未開(kāi)發(fā)出來(lái),比如if標(biāo)簽,for標(biāo)簽,如果大家有興趣,可以試著做一下,如果做的比較成功,告知一下。如果能做個(gè)類似smarty的開(kāi)源框架,呵呵,咱們也可以為開(kāi)源事業(yè)做點(diǎn)貢獻(xiàn)不是。

文章來(lái)源:川山甲的博客

 
 
[ 資訊搜索 ]  [ 加入收藏 ]  [ 告訴好友 ]  [ 打印本文 ]  [ 違規(guī)舉報(bào) ]  [ 關(guān)閉窗口 ]

 
0條 [查看全部]  相關(guān)評(píng)論

 
網(wǎng)站首頁(yè) | 關(guān)于我們 | 聯(lián)系方式 | 使用協(xié)議 | 版權(quán)隱私 | 網(wǎng)站地圖 | 排名推廣 | 廣告服務(wù) | 積分換禮 | 網(wǎng)站留言 | RSS訂閱 | 吉ICP備11001726號(hào)-6
企業(yè)800網(wǎng) · 提供技術(shù)支持