1. Moment.js 取得現在時間

    前言 雖然原生 JavaScript 就有提供 Date() 的時間函式,但難免會有需要客製化的時間格式或是時區轉換的需求,Moment.js 的函式庫強大正可以符合我們的需求,今天就來介紹如何利用它來取得時間。

    2018/03/13 Web

  2. localStorage 基本使用方法

    前言 Web Storage 為 HTML5 標準中新加入的技術,主要分兩種一個是 sessionStorage,另一個是 localStorage,兩者差別就差在生命周期的不同而已,而早期瀏覽器要儲存暫存的資料會使用 cookie,而不管你使用哪個暫存你網頁的資料都要注意該筆資料是否敏感數據,因為只要打開控制台,你就隨意修改它們的值,而有心人士就可以利用此方式來做 XSS 攻擊,那今天我們就來談談如何使用 localStorage 吧!

    2018/03/04 Web

  3. [Mac系統] 清除系統上被佔用的Port

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

    2018/02/28 Mac

  4. [Node.js 爬蟲] 用 request + cheerio 抓取地震資訊

    前言 本篇文章教您如何使用 Node.js 來爬蟲,這邊要使用到兩個函式庫,分別為 request 跟 cheerio,request 等同於 ajax 作為撈取網頁資料的請求方式可以把整個網頁的 HTML 抓取下來,而 cheerio 就等同於 jquery 一樣可以做標籤的擷取,廢話不多說就來用中央氣象局的地震網頁來實作爬蟲吧!

    2018/02/11 Web

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

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

    2018/02/09 Linux

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

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

    2018/02/09 CSS

  7. [React學習筆記] React Debug

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

    2018/02/04 React

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

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

    2018/02/02 React