[技術探討] 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/)進行研究。
廣告是推銷自己產品的一種行銷方式,當妳有了好的產品,雖然常有人說好的東西自然會被人看到,但透過廣告方式,能讓產品可見度快速增加,也因此廣告業總是商業活動中不可或缺的一環。
隨著網際網路的利用率快速提升,廣告的形式不再侷限於平面媒體,並有逐漸將重心移往網路的趨勢,原因是成本較低、可見度高,常見的作法是將廣告嵌於受歡迎的網路內容或軟體中,並給予內容創作者廣告收益,成就廣告贊助商、廣告平台、與內容創造者的共贏局面(如YouTube)
Universal Windows Apps是微軟首破一套作業系統就可在不同裝置上執行的應用程式,橫跨手機、平板或筆記型電腦、桌上的電腦、Xbox,以及新裝置如Suface Hub、HoloLens與各式物聯網裝置等,並能同時擁有相同的功能與使用經驗,讓開發人員現在能夠只撰寫單一通用Windows App程式碼就能夠輕易應用至各地。除此之外,開發人員不需整個翻修過去已經寫好的App程式,能兼容直接搬移到Windows 10上正常運行,公司為購買ITE2NAS的使用者所開發的Windows 8 / Windows 8.1作業系統環境下的Windows市集PowerNAS Center,原有的應用與功能在Windows 10仍可繼續使用。
WebRTC 元件是藉由 JavaScript APIs 來進行對等通訊。
JavaScript APIs 包含了以下三種:
Network Stream API(代表音訊或視訊資料的流串、其中又包含兩個重要API):
MediaStream : 用來表示一個媒體資料流。
MediaStreamTrack : 在瀏覽器中表示一個媒體源。
PeerConnection API(可以讓兩個或多個使用者進行網頁對網頁間的通訊)、
DataChannel API(可以做即時遊戲、文字聊天和檔案傳輸等等。)