[REST API] 使用 JSON 建置一個 Fake REST API 的服務

常常在開發應用時,前端工程師 都必須要先等待 後端工程師 提供 API 才可以進行一些介面上的開發,這件事情通常是很沒有效益的 我們追求的是 前端 跟 後端 的開發能同時進行,不必你等我等你,那該怎麼辦呢? 很簡單,只要 前端 這邊可以先拿到 API 就行了,如果後端沒有給,那我們可以自己進行模擬 前端自行建置自己的 REST API 來作介面上的開發,這邊將介紹一套 前端的開發工具 json-server -------------------------------------------------------------------------------- 快速建置 REST

[JavaScript] 操作 iframe 元素,製作編輯的瀏覽畫面

這篇文章主要是在說明如何使用 JavaScrip 來對 iframe 進行操作 紀錄與分享一下目前操作的經驗與方法 -------------------------------------------------------------------------------- 情境 首先先描述一下常見的情境 一般我們會需要直接操作 iframe 的需求,比較常見的就是 會員後台 或是 一些工具的 GUI 介面 通常使用者在操作後台提供的編輯介面時,旁邊可能都會專門用來 demo 使用者設定結果的 demo 畫面 例如:WordPress 後台的自訂外觀 如果你覺得手癢癢的去解析一下右邊那整塊 示意的區塊 ,你會發現他們也是使用 iframe 的元素進行製作的 為什麼要使用

[ES6 JavaScript] 模板字符

還在使用 + 號做字串的處理嗎? ES6 中提供 模板字符 可以使我們更直覺的來進行 字串的處理 讓我們繼續往下看: -------------------------------------------------------------------------------- 在 ES6 之前,我們處理字串的方式,如下所示: var before = "hello" var after = "world" var string = "哇~ " + before + " " + after

[JavaScript] 維持 JavaScipt 代碼品質的神器 ESLint (基本使用)

代碼的品質 的好壞,是會嚴重影響到 後續開發 維護成本 的 而 JavaScript 又是一個十分靈活的語言,但因為其 靈活 的特性,也偷偷埋下了不少的地雷 所以我們往往在撰寫 JavaScrip 代碼的同時,會去定義一些關於 JavaScript 代碼的規範,以維持代碼的 可讀性 和減少一些 非預期 的錯誤 尤其是一整個團隊在進行開發的時候,更需要大家共同維持 代碼的規範 但問題來了~ > 我們總不能都用 肉眼盯著看 來檢查我們的 代碼是否有維持我們所定義的規範吧