inline style 記得在 Functional Component 寫法中撰寫 CSS inline style 的參數是寫在 render() 方法中直接建立一個 style 變數裡面存著 CSS 參數，最後在 JSX 中直接嵌入，其中也可以動態的修改 style 的樣式，像範例中是點擊按鈕會變換 style 中的 backgroundColor 背景顏色為紅。
前言 今天要來介紹一個 CSS 樣式它能夠將圖片背景固定且能做出頁面滾動式差的效果，而我們所使用的語法也很簡單只要一行就能呈現，就是 background-attachment 簡單來說它是一個背景固定模式的屬性，裡面有多種參數對應像是 scroll、fixed、local，可利用視覺差的效果擺脫傳統圖片的特性。
前言 在公司開發中往往分為前端與後端，當前端頁面與資料規劃完成了需要串接 API 時就必須等待後端開發者的進度了，此時為了省去這些浪費的時間就可以使用 JSON Server 這個套件，宣稱可以 30 秒可以立即模擬一個假的 Restful API 並且支援開發中最常用的 GET、POST、PUT、PATCH、DELETE、OPTIONS 等 request method，真的那麼神嗎？不多說我們繼續看下去！
前言 上一篇教學Firebase Hosting 靜態網站部署教你如何使用 Firebase Hosting 來發布自己的靜態網站，發布成功後會自動生成一個 Firebase 專屬的網域給你例如：fir-3e184.firebaseapp.com，此外 Firebase 也很佛心的提供 DNS 轉址服務，能夠設定屬於自己的域名，在看這篇教學的讀者們若你還尚未有自己的網域又不想付費購買的話此篇文章非常適合你！
前言 React 的出現就顛覆了傳統網頁設計概念，出現了 Virtual DOM 這個名詞，不僅提升渲染的效能也能夠將所有畫面做元件化，而產生出 WEB APP 的名詞出現，在這章節中我們就來討論 React 的生命週期。
前言 Freenom 提供了五種的免費頂級網域 .tk、.ml、.ga、.cf、.gq，不論是要架站或拿來當 Blog 的域名都非常合適，畢竟主機的靜態 IP 位置一方面不易判讀也不太適合暴露在大家眼前，所以必須靠 DNS 轉址服務來連結自己的網站。
前言 Firebase 這幾年來被 Google 收購後開始不斷成長，也不斷的開出新功能讓大家體驗，其中今天要來介紹的是 Firebase Hosting 靜態網站部署，雖然是免費的但還是有流量的限制一個月上載 1GB 下載 10GB，詳細付費資訊可以參考官方。
何謂Gulp 隨著前端世界的演進衍伸出許多語言框架像是光 CSS 就有 LESS、SCSS、Sass、Stylus、PostCSS，HTML 有 Haml、hbs、pug、Slim、Markdown，而 JavaScrypt 則有 CoffeeScript、LiveScrypt、TypeScrypt、Bable，對於這些程式碼的打包其實非常的重要而 gulp 就是在做這件事，此外與 gulp 相類似的打包工具就是 grunt，grunt 對於資深的工程是一定不陌生，他是最古老的打包工具近幾年 gulp 出現使用者慢慢轉移使用 gulp 了，而在 2018 年 1 月 gulp 也終於正式釋出第4版了。