Input field動態產生JSON

緣由

  • 實務上常常需要取得input field輸入值,再將其組成JSON後發送給後端接收
  • 但是每增加一個input field是否可以動態產生JSON,而不需修改Javascript組JSON程式碼

做法

  • Array.from():將jquery取得的$(‘input’)組成array
  • Array.reduce():將初始值{}藉由每個reduce加入新的key / value

Read More

Webpack 模組整合工具 - React + ES6

  • 這篇會做出開發React + ES6的Webpack設定
  • Sample

Webpack

Webpack 是德國開發者 Tobias Koppers 開發的模組整合工具。它的核心功能如下:

  • 轉換 JSX, Coffee Script, TypeScript, ES6 等
  • 分散封裝專案使用的程式碼,使載入頁面時只需載入當頁所需的程式碼以加速載入速度
  • 整合樣式表 (css, sass, less 等)
  • 處理圖片與字型
  • 建置 production-ready 的程式碼 (壓縮)
  • 豐富的模組物件

Read More