DevelopTool - ZWH ZONE

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

Mar 12, 2018 2 min read DevelopTool

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

Git Alias 簡化你的 Git 指令

Jul 19, 2017 1 min read DevelopTool

如標題，就是進一步增加你使用 Git 的體驗，簡化 Git 的指令，使你在操作上更簡潔更便利: -------------------------------------------------------------------------------- 簡單來說，我們可以把： $ git status 簡化成： $ git st 使你在使用 Git 上能更便利更簡單更上手下面提供 2 種方式，進行操作： -------------------------------------------------------------------------------- 1. git config : 我們可以直接使用 git config 來設定我們的命令別名指令如下

還在找 Loading 素材嗎？ loading.io 快速產生客製化 Loading 素材，支援 GIF、CSS 、SVG

Jun 11, 2017 1 min read DevelopTool

還在找 Loading 效果的圖片嘛？ * 不會製圖？ * 樣式太少？ * 顏色不對？沒關西 ! loading.io [https://loading.io/] 提供你快速產生你想要的 loading 效果: -------------------------------------------------------------------------------- loading.io可以做什麼？你可以選擇 loading.io [https://loading.io/] 提供的任何樣式並對它進行客製化，包含： * 圖片大小 * 圖片背景 * 圖片物件顏色 * 與圖片的執行速度 * 等等… 並且決定要匯出的格式，包含：

[DevelopTool]前端自動化：Gulp 學習路程

Mar 14, 2017 5 min read DevelopTool

本篇目標: * 初步認識 Gulp (安裝與使用) * 建立前端自動化安裝環境 * 自訂屬於自己的 Gulp 開發環境 -------------------------------------------------------------------------------- 初步認識 Gulp： Gulp 為 Node.js 的套件，可以自訂屬於自己的前端自動化環境，簡單點說可以幫你一次解決： * SASS、LESS 自動編譯為 CSS * 自動加入 “瀏覽器前綴” 給你的 CSS 屬性 * 自動幫你編譯 Jade 為 Html * 壓縮圖片 * 打包壓縮