EJS 學習筆記


EJS (Embbed JavaScript),能夠利用 js 生成 html 的頁面引擎,類似的還有 pug 、 handlebar,自己最熟悉的則是 Asp.Net 的 Razor。寫 Razor 的感受十分流暢,想要重現 Razor 便利的功能是在打造 Gulp Starter Template 時的目標之一。

而 EJS 與 pug 相比,差異在於 EJS 的語法和原生 html 較為接近,只是多了額外的標籤來處理鑲嵌的 js ,pug 則類似 scss ,是精簡語法的 html,同時由於尚未在 vscode 上找到對應支援 pug css intellisense 的 plugin ,對於要快速開發需求時,可能多了翻查文件的不便,因此就決定以 EJS 作為 template 的 view engine。

閱讀更多

Gulp 學習筆記


前端技術進展快速名不虛傳,真有感的就是看 Web Developer RoadMap,學習路徑上的每個節點,如同枝葉日漸繁茂,同時許多技術由還來不及學習就由醒目的亮黃色轉為枯灰,最終凋零消失於 RoadMap上。

學習 Gulp 的起因是 Webpack,在完成 Udemy 的課程後,開始實踐打造自己的 Starter Template,試圖讓日後的工作流程能夠有個快速的架手腳工具,並享受 NPM moduels, Sass, Babel, ES6, Html Template, Minify Files 等便捷的前端開發功能。

閱讀更多