目的
- 使用Google Map URL傳入參數就可以實現路線規劃功能，也可抓取目前位置進行規劃
- Google Static Map可以取得地圖影像
Input field動態產生JSON
緣由
- 實務上常常需要取得input field輸入值，再將其組成JSON後發送給後端接收
- 但是每增加一個input field是否可以動態產生JSON，而不需修改Javascript組JSON程式碼
做法
- Array.from()：將jquery取得的$(‘input’)組成array
- Array.reduce()：將初始值{}藉由每個reduce加入新的key / value
網路爬蟲 - Nightwatch + Cheerio = 神鵰俠侶
前言
- 之前發表過兩篇Nightwatch文章 Nightwatch JS - Introduction Nightwatch + ReactJS todoMVC
- Nightwatch主要做End-to-End測試，模擬使用者操作網頁行為
- 本篇程式碼
緣由
- 最近在玩NodeJS搭配cheerio做網路爬蟲
- 針對有些頁面需要post參數才能擷取到網頁內容有些苦惱
- 使用Nightwatch將網頁操作至所需頁面再使用cheerio爬網頁資訊實在是太威了
- 例如：需輸入時間區間進行查詢、輸入使用者帳密後進入的網頁等等
React Starter Kit 新增component
緣由
因為讀書會需要用到React Starter Kit
但因為結構有些複雜，花了點時間研究
官方文件提到和redux結合可以參考src/components/LanguageSwitcher/LanguageSwitcher.js
下面講解如何加入一個新的Component並結合Redux
