這篇文章主要是在說明如何使用 JavaScrip 來對 iframe 進行操作

紀錄與分享一下目前操作的經驗與方法

閱讀全文»

還在使用 + 號做字串的處理嗎？

ES6 中提供 模板字符 可以使我們更直覺的來進行 字串的處理 讓我們繼續往下看：

閱讀全文»

findIndex() 的 方法，其實跟我之前提到的 indexOf 的方法雷同

都是用來比對 陣列(Array) 的 元素，回傳其 索引值 的方法

閱讀全文»

代碼的品質 的好壞，是會嚴重影響到 後續開發 維護成本 的

而 JavaScript 又是一個十分靈活的語言，但因為其 靈活 的特性，也偷偷埋下了不少的地雷

所以我們往往在撰寫 JavaScrip 代碼的同時，會去定義一些關於 JavaScript 代碼的規範，以維持代碼的 可讀性 和減少一些 非預期 的錯誤

尤其是一整個團隊在進行開發的時候，更需要大家共同維持 代碼的規範

閱讀全文»

最近對在前端的開發中，接觸到了 前端優化 這個議題

當下想說前端的優化不外乎就是把 能 壓縮 的檔案，包含 HTML、CSS、JavaScript 還有一些 圖檔 能壓縮的就壓縮就好了嗎？

雖然上面的說法並沒有錯，不過其實 壓縮 的這件事情，只佔了 前端優化 的 一小部分 而已

另外對於網站來說，效能好壞的 基準點 又是什麼？

深入研究後才發覺 前端優化 是個很有趣的議題，也是 前端工程師 ， 必須要修的課題

閱讀全文»

在前一篇文章 [React Js] JSX 與 Babel 簡介 中我們有提到關於 JSX 的作用，與使用 Babel 來編譯 JSX 的語法

這篇文章將對 JSX 的語法進行紀錄和說明：

建議在閱讀此篇文章之前，要先有些 React 的觀念，並有初步對 JSX 有認識

閱讀全文»

JSX 主要使用於 簡化 React 的 React.createElement() 的方法，實際範例如下：

React.createElement() 寫法：

React.createComponent('h1',null,'我是標題')；

JSX 寫法：

<h1>我是標題</h1>

但是在每個 主流 瀏覽器中，是 不支援 JSX 的寫法的，讓我們繼續往下看：

閱讀全文»

組件(component) 的 狀態(state)，為 React 組件(component) 中可以自己自訂的一個物件。

當 state 這個物件有變化時，React 就會自動 重新 渲染，當前的 React Element

簡單來說當 React 偵測 到 state 的這個物件的資料有變化時，就會自動在前端上，重新 繪製 當前的物件，達到 更新 畫面的效果

下面我們實際使用編碼來進行說明：

閱讀全文»

通常在 React 的組件 (Component) 中，有三個重要的操作：

• 建立組件
• 更新組件
• 刪除組件

而這些操作各自的流程，就是 React 的 生命週期，下面會根據不同操作來個別紀錄：

閱讀全文»