摘要:前端模板引擎將數據和結構分離開來,是前端發展路上關鍵的一環。本文將對比,,,這四種現在常用的模版引擎來為大家提供一些幫助。當前情況下,經過幾種模版引擎的使用對比總結。
語法對比Javascript前端模板引擎將數據和結構分離開來,是前端發展路上關鍵的一環。本文將對比jade,ejs,swig,handlerbars這四種現在常用的模版引擎來為大家提供一些幫助。
這里我列出官網的第一個例子,然后加以分析
jadedoctype 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 %>
{{ pagename|title }}
{{title}}
{{body}}
對比代碼可以看出,swig和handlerbars語法符合直觀感受,而ejs奇丑無比。 jade語法精簡但是難以閱讀。
既然選擇模版使用引擎,那一定會在一定程度上參考別人網站的結構和設計,這個時候一個好套弄的模版引擎是最容易滿足需求的。
從上面的代碼初印象看出,swig和handlerbars更容易套標簽,而jade華而不實,太不實用
模版引擎如果直接后端解析的話那肯定是最有利于seo的。
當前情況下,經過幾種javascript模版引擎的使用對比總結。我推薦大家選擇使用swig
當然未來一定會有一種模版引擎替代它們,因為我覺得swig也有許多不足,以后說
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/79405.html
摘要:就是一個用于搭建類似于網頁版知乎這種表單項繁多,且內容需要根據用戶的操作進行修改的網頁版應用。單頁應用程序顧名思義,單頁應用一般指的就是一個頁面就是應用,當然也可以是一個子應用,比如說知乎的一個頁面就可以視為一個子應用。 最近在逛各大網站,論壇,以及像SegmentFault等編程問答社區,發現Vue.js異?;鸨?,重復性的提問和內容也很多,樓主自己也趁著這個大前端的熱潮,著手學習了一...
摘要:最后放效果圖感興趣的同學歡迎掃碼體驗喲手機長按不能進入小程序,需要在微信發現小程序搜索式神獵手進入結尾以上所有內容均已開源,歡迎大家參考后端式神獵手后端小程序端式神獵手小程序解決方案原文地址作者 0.序 玩陰陽師的肝帝們都知道,每天早上5點和下午6點會刷新兩次封印任務,每次做任務時最蛋疼的就是找各種怪物對應的副本以及神秘線索。 陰陽師提供了 網易精靈 可以進行一些數據查詢,但體驗實在太...
摘要:更多前端內容閱讀之前非用戶請自動忽略,此文針對用戶,我個人使用頻率非常高,端開發者可以選擇性的嘗試部分工具。或者調起的調試工具,跟編輯器親密合體。目前在使用,嘗試。 更多前端內容http://www.codefrom.com/p/JavaScript 閱讀之前 非Mac用戶請自動忽略,此文針對Mac用戶,我個人使用頻率非常高,PC端開發者可以選擇性的嘗試部分工具。 終端...
摘要:第二部分學習前端開發第二部分指出了學習成為一個前端開發者所需的自學資源和教學資源譯者注教學資源包括有講師指導的付費課程計劃學院和訓練營。第三部分前端開發工具第三部分簡要地介紹和指出了一些前端圈內的工具。 參與者(排名不分先后):blueken; brucecham; cfanlife; DDU1222; LittlePineapple; MatildaJin; MAYDAY1993;...
閱讀 3110·2021-11-10 11:36
閱讀 3312·2021-10-13 09:40
閱讀 6051·2021-09-26 09:46
閱讀 662·2019-08-30 15:55
閱讀 1410·2019-08-30 15:53
閱讀 1580·2019-08-29 13:55
閱讀 2997·2019-08-29 12:46
閱讀 3204·2019-08-29 12:34