国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端模版引擎選擇指南

lijy91 / 1328人閱讀

摘要：前端模板引擎將數(shù)據(jù)和結(jié)構(gòu)分離開來，是前端發(fā)展路上關(guān)鍵的一環(huán)。本文將對比，，，這四種現(xiàn)在常用的模版引擎來為大家提供一些幫助。當(dāng)前情況下，經(jīng)過幾種模版引擎的使用對比總結(jié)。

Javascript前端模板引擎將數(shù)據(jù)和結(jié)構(gòu)分離開來，是前端發(fā)展路上關(guān)鍵的一環(huán)。本文將對比jade，ejs，swig，handlerbars這四種現(xiàn)在常用的模版引擎來為大家提供一些幫助。
語法對比

這里我列出官網(wǎng)的第一個(gè)例子，然后加以分析

jade 
doctype html
html(lang="en")
  head
    title= pageTitle
    script(type="text/javascript").
      if (foo) {
         bar(1 + 5)
      }
  body
    h1 Jade - node template engine
    #container.col
      if youAreUsingJade
        p You are amazing
      else
        p Get on it!
      p.
        Jade is a terse and simple
        templating language with a
        strong focus on performance
        and powerful features.
ejs 
<%= title %>
swig 
{{ pagename|title }}


    
{% for author in authors %}
  
    {{ author }}
  
{% endfor %}
handlerbars 

  
{{title}}

  

    {{body}}

對比代碼可以看出，swig和handlerbars語法符合直觀感受，而ejs奇丑無比。 jade語法精簡但是難以閱讀。

既然選擇模版使用引擎，那一定會在一定程度上參考別人網(wǎng)站的結(jié)構(gòu)和設(shè)計(jì)，這個(gè)時(shí)候一個(gè)好套弄的模版引擎是最容易滿足需求的。

從上面的代碼初印象看出，swig和handlerbars更容易套標(biāo)簽，而jade華而不實(shí)，太不實(shí)用

模版引擎如果直接后端解析的話那肯定是最有利于seo的。
當(dāng)前情況下，經(jīng)過幾種javascript模版引擎的使用對比總結(jié)。我推薦大家選擇使用swig
當(dāng)然未來一定會有一種模版引擎替代它們，因?yàn)槲矣X得swig也有許多不足，以后說

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/79405.html

相關(guān)文章

  • Vue.js新手入門指南[轉(zhuǎn)載]

    摘要：就是一個(gè)用于搭建類似于網(wǎng)頁版知乎這種表單項(xiàng)繁多，且內(nèi)容需要根據(jù)用戶的操作進(jìn)行修改的網(wǎng)頁版應(yīng)用。單頁應(yīng)用程序顧名思義，單頁應(yīng)用一般指的就是一個(gè)頁面就是應(yīng)用，當(dāng)然也可以是一個(gè)子應(yīng)用，比如說知乎的一個(gè)頁面就可以視為一個(gè)子應(yīng)用。 最近在逛各大網(wǎng)站，論壇，以及像SegmentFault等編程問答社區(qū)，發(fā)現(xiàn)Vue.js異常火爆，重復(fù)性的提問和內(nèi)容也很多，樓主自己也趁著這個(gè)大前端的熱潮，著手學(xué)習(xí)了一...

    MartinHan 評論0 收藏0

  • 24小時(shí)從0到1開發(fā)陰陽師小程序

    摘要：最后放效果圖感興趣的同學(xué)歡迎掃碼體驗(yàn)喲手機(jī)長按不能進(jìn)入小程序，需要在微信發(fā)現(xiàn)小程序搜索式神獵手進(jìn)入結(jié)尾以上所有內(nèi)容均已開源，歡迎大家參考后端式神獵手后端小程序端式神獵手小程序解決方案原文地址作者 0.序 玩陰陽師的肝帝們都知道，每天早上5點(diǎn)和下午6點(diǎn)會刷新兩次封印任務(wù)，每次做任務(wù)時(shí)最蛋疼的就是找各種怪物對應(yīng)的副本以及神秘線索。 陰陽師提供了 網(wǎng)易精靈 可以進(jìn)行一些數(shù)據(jù)查詢，但體驗(yàn)實(shí)在太...

    laoLiueizo 評論0 收藏0

  • 總結(jié)個(gè)人2015提高前端效率的方法和工具

    摘要：更多前端內(nèi)容閱讀之前非用戶請自動忽略，此文針對用戶，我個(gè)人使用頻率非常高，端開發(fā)者可以選擇性的嘗試部分工具。或者調(diào)起的調(diào)試工具，跟編輯器親密合體。目前在使用，嘗試。 更多前端內(nèi)容http://www.codefrom.com/p/JavaScript 閱讀之前 非Mac用戶請自動忽略，此文針對Mac用戶，我個(gè)人使用頻率非常高，PC端開發(fā)者可以選擇性的嘗試部分工具。 終端...

    Jingbin_ 評論0 收藏0

  • 前端開發(fā)者指南（2017）

    摘要：第二部分學(xué)習(xí)前端開發(fā)第二部分指出了學(xué)習(xí)成為一個(gè)前端開發(fā)者所需的自學(xué)資源和教學(xué)資源譯者注教學(xué)資源包括有講師指導(dǎo)的付費(fèi)課程計(jì)劃學(xué)院和訓(xùn)練營。第三部分前端開發(fā)工具第三部分簡要地介紹和指出了一些前端圈內(nèi)的工具。 參與者（排名不分先后）：blueken; brucecham; cfanlife; DDU1222; LittlePineapple; MatildaJin; MAYDAY1993;...

    kviccn 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<