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

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

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

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

閱讀全文»

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

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

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

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

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

閱讀全文»

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

React.createElement() 寫法:

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

JSX 寫法:

<h1>我是標題</h1>

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

閱讀全文»

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

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

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

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

閱讀全文»