1. [CSS學習筆記] font-family 的使用方法

    前言 這陣子公司網站在處理官網字體的問題,雖然內嵌字體方便但好流量也很耗載入時間,這篇文章教你如何使用 Google 所免費提供的思源體以及教你如何使用 woff 檔內嵌字體在專案中。

    2018/02/09 CSS

  2. [Linux系統] 清除系統上被佔用的Port

    如何清除系統上被佔用的Port? 相信各位在 Server 系統上常會發生這個問題,常常要啟動某個 Port 時會出現無法監聽的情況,為什麼會這樣?原因在於可能先前你的執行環境中有執行監聽此 Port 號並無正確的釋放,例如程式 Crash 或是拋出例外 ……等,所以發生此問題時先查詢該 Port 所佔用的排程序號(PID),再以這個序號清除資源就能解決此問題了。

    2018/02/09 Other

  3. [React學習筆記] React Debug

    前言 一名工程師就是要善用除錯工具,有良好的重挫方式能快速的幫助你找到錯誤點不管是語意錯誤或是邏輯錯誤,這一篇文就是要來教你如何學會讀取 React 的錯誤訊息並且能夠有效率的解決問題。

    2018/02/04 React

  4. [React學習筆記] React Component的inline style

    inline style 記得在 Functional Component 寫法中撰寫 CSS inline style 的參數是寫在 render() 方法中直接建立一個 style 變數裡面存著 CSS 參數,最後在 JSX 中直接嵌入,其中也可以動態的修改 style 的樣式,像範例中是點擊按鈕會變換 style 中的 backgroundColor 背景顏色為紅。

    2018/02/02 React

  5. [CSS學習筆記] parallax視差捲動效果

    前言 今天要來介紹一個 CSS 樣式它能夠將圖片背景固定且能做出頁面滾動式差的效果,而我們所使用的語法也很簡單只要一行就能呈現,就是 background-attachment 簡單來說它是一個背景固定模式的屬性,裡面有多種參數對應像是 scroll、fixed、local,可利用視覺差的效果擺脫傳統圖片的特性。

    2018/02/02 CSS

  6. 使用 JSON Server 快速模擬 Restful API

    前言 在公司開發中往往分為前端與後端,當前端頁面與資料規劃完成了需要串接 API 時就必須等待後端開發者的進度了,此時為了省去這些浪費的時間就可以使用 JSON Server 這個套件,宣稱可以 30 秒可以立即模擬一個假的 Restful API 並且支援開發中最常用的 GET、POST、PUT、PATCH、DELETE、OPTIONS 等 request method,真的那麼神嗎?不多說我們繼續看下去!

    2018/02/01 Web

  7. Firebase Hosting 連結網域服務

    前言 上一篇教學Firebase Hosting 靜態網站部署教你如何使用 Firebase Hosting 來發布自己的靜態網站,發布成功後會自動生成一個 Firebase 專屬的網域給你例如:fir-3e184.firebaseapp.com,此外 Firebase 也很佛心的提供 DNS 轉址服務,能夠設定屬於自己的域名,在看這篇教學的讀者們若你還尚未有自己的網域又不想付費購買的話此篇文章非常適合你!

    2018/01/31 Web

  8. [React學習筆記] React Component的生命週期

    前言 React 的出現就顛覆了傳統網頁設計概念,出現了 Virtual DOM 這個名詞,不僅提升渲染的效能也能夠將所有畫面做元件化,而產生出 WEB APP 的名詞出現,在這章節中我們就來討論 React 的生命週期。

    2018/01/31 React