slot 是 Vue.js 非常使用的功能,常常在做一些模組化的開發時都會去使用到

最近在使用 pug 開發一些靜態的頁面時,查看 pug 的官方文件,卻沒有相關的資訊

比較相近的應用就只有 blockextend 的語法,但是在使用上卻又一些落差

花了一點時間,尋找答案,發現是可以在 pug 上實作 slot 的

閱讀全文»

在前端開發中,我們往往會使用一些前端的開發工具來提升我們開發的效率和速度

比較常見的工具包含:

  • Webpack (代碼打包工具)
  • ESLint (Conding Style 管理工具)
  • Babel (ES6 代碼的編譯工具)

不過上面舉例的項目基本上都跟我們在編譯時,撰寫的代碼比較又直接關係

這是如何做到的? 這是一個還蠻有趣的問題,讓我們繼續往下看
閱讀全文»

畫筆的功能

大家都有玩過小畫家,我們可以使用小畫家的畫筆,輕鬆的畫出一些我們想要的圖案,相當的趣味也非常的方便

畫筆的功後續也演變為一些電子簽證的機制,最近剛好也碰到了一些類似的需求

決定在下方做個製作上的紀錄,下方提供了一個比較陽春的版本當作範例,也是為了方便理解他的製作方式

閱讀全文»

常常在開發應用時,前端工程師 都必須要先等待 後端工程師 提供 API 才可以進行一些介面上的開發,這件事情通常是很沒有效益的

我們追求的是 前端 跟 後端 的開發能同時進行,不必你等我等你,那該怎麼辦呢?

很簡單,只要 前端 這邊可以先拿到 API 就行了,如果後端沒有給,那我們可以自己進行模擬

前端自行建置自己的 REST API 來作介面上的開發,這邊將介紹一套 前端的開發工具 json-server

閱讀全文»