[技術探討] ReactJS 基本介紹(一)
ReactJS (有時叫 React.js 或 ReactJS),是一個為數據提供渲染為 HTML 視圖的開源函示庫。ReactJS 視圖通常採用包含以自定義 HTML 標記規定的其他組件的組件渲染。ReactJS 為程式設計師提供了一種子組件不能直接影響外層組件 (“data flows down”) 的模型,數據改變時對 HTML 文檔的有效更新,和現代單頁應用中組件之間乾淨的分離。
ReactJS (有時叫 React.js 或 ReactJS),是一個為數據提供渲染為 HTML 視圖的開源函示庫。ReactJS 視圖通常採用包含以自定義 HTML 標記規定的其他組件的組件渲染。ReactJS 為程式設計師提供了一種子組件不能直接影響外層組件 (“data flows down”) 的模型,數據改變時對 HTML 文檔的有效更新,和現代單頁應用中組件之間乾淨的分離。
由於公司的PowerNAS品牌名稱正式更改為ITE2 NAS,所以產品的官方網站也要進行改版,並且進行效能的調整,一開始很苦惱要如何對網站進行效能檢測,後來找到Google的PageSpeed Insights,PageSpeed Insights可以對網站做基本的檢測,在檢測結果中提到了幾個問題,其中提到必須修正的問題有一項減少伺服器回應時間,但是這又是新的難題,要怎麼知道那些頁面的回應時間太慢,並且 PageSpeed Insights一定要網站可以透過公開網際網路存取才有辦法檢測,所以這也無法讓我邊修改的同時進行驗證,所以PageSpeed Insights只能提供我們在正式發佈網站後驗證效能提升的一個數據。
在我們的數位時代裡,相信不論是使用智慧型手機的朋友、業餘相機玩家、專業攝影師,在按下快門之後,要如何妥善地將這些重要的數位資料保存起來,大概是每一位影像紀錄者都會面臨到的問題。
上回我們已經將Cordova的環境建立起來,也介紹了平台的管理(cordova platform …)使用指令建立APP專案(cordova create …)及建構和模擬(cordova build / emulate),那麼接下來我們將繼續介紹更多關於Cordova的細節,邁向APP發佈的終極目標。
建立好一個Cordova的專案時,可以看見以下幾個資料夾:
Hooks資料夾,指定在Cordova特定行為前後運行個人化腳本,對於新手來說通常還不會使用到,如有需求可至Cordova的Hooks Guide(https://cordova.apache.org/docs/en/dev/guide/appdev/hooks/)進行研究。