ReactJS 學習心得

其實更早之前就已經知道這東西，

只是一直沒花時間去好好研究。

在這也感謝這段時間被我一堆奇怪問題騷擾的 小翊 與 James Yang

以下是我這 1~2 個禮拜的學習心得，

Okay，廢話不多說。

1. ReactJS 到底是什麼呢 ?
   是由 Facebook 提出的前端 Library，
   最近又發表了 React Native，但是這不在這篇幅中所以不加討論。
2. 那跟其他 Library 架構差異在哪 ?
   與其他 MVC 架構的 Library 差異最大的就是只是包含 MVC 中的 V，
   論點是說使用者行為與畫面變化無法完全隔開，所以綁在一起。
3. 除了架構差異還有什麼特點吸引全球這麼多使用者推崇 ?
   使用 V-DOM & 差異演算法，在刷新畫面完爆其他 Library。
4. 學習曲線高嗎 ?
   一開始要拋棄之前的想法進入這個世界，
   這個世界所有東西都要看做 Component，
   然後翻閱官方所有的 API，
   不過大家應該都會卡在最後一關 Flux。
   如果扣除 Flux 的話其實學習成本是蠻低的，
   但是最精隨的還是 Flux 資料流的概念。
5. 是否適合導入大型網站 ?
   ReactJS 在介紹上其實有一段是說「非常適合導入大型服務、網站」
   其實這段話目前我還在琢磨中，
   畢竟當初設計HTML JS CSS 就是各司其職，
   為的就是 JS 掛掉的話 HTML 也是能夠照常執行的，
   HTML & JS 綁在一起就相當於把所有 HTML 被拆分到 Components，
   還有一句話是「可重用的 Components」，
   是的，將所有 Components 可以完成的組成 HTML，
   但是今天大型網站大概成千、萬個 Components，
   怎麼去分層、類又是一個難度。
   Component 跟 Component 之間耦合性太高，可重用性會被限制。
   解耦合部分會再另外發文章。
6. 那多學總是好的吧 ?
   當然，ReactJS 還是佔有相當的地位。
   我認為用來做Single Page Application、小型專案非常好用。
   加上 React 社群也很蓬勃，有問題也可以有神人解答。
7. 有學習範本嗎 ?
   其實官方的教學還蠻仔細的，
   若英文的看不習慣不介意簡中可看簡中翻譯版。
   順便附上這幾天翻閱別人的文章。

如有謬誤不吝指教，謝謝。

友善連結︰

• React 官方
• React CN 版
• 線上官方範例
• 30 IT 鐵人 - 安迪哥 ( 過舊版本範例代碼已無法 Run 需要修改成當前版本的 API )
• [译]深入解析react
• JSX support will be included in Visual Studio 2015
• react-router
• James Yang's ReactJS 閱讀筆記
• To Flux or Reflux
• Java is always EExcellent
• Server-Side Rendering
• JSX Compiler
• NPM 套件管理工具
• AngularJS与React(Flux)的初步比较

AngularJS 開發實戰 : 新手入門 - 課後感想

今天課程多以程式範例 (Coding)、實作來介紹 AngularJS.

保哥利用許多的練習題及循序漸進的教學方式,

Ajax 刷新 + 改變 URL + 重新整理 (F5)

最近在工作上遇到了一個困難,

測試部門開了 1 個 Bug 是關於使用者操作引發的.

 狀況描述:  
    頁面有切換頁籤與切換分頁的功能,都使採用 Ajax Get 抓取資料去刷新內容,  
    今天使用者切到頁籤 3 並按到第 5 頁...  
    Bug 1: 按重新整理後回到預設頁籤的第 1 頁  
    Bug 2: 按上一頁回到前導頁  

jQuery 中 attr() 與 prop() 使用區別

相信有在使用 jQuery 一定不陌生這 2 個函式,

但是或許並不清楚這 2 種使用上的區別.

總之還是先看官方上的介紹與源代碼吧 !

javascript 使用 arguments 來建立可變參數的函式

首先我們來簡單看看 arguments 介紹 :

arguments 物件 (Javascript)

You cannot explicitly create an arguments object.The arguments object only becomes available when a function begins execution.The arguments object only becomes available when a function begins execution.The arguments object of the function is not an array, but the individual arguments are accessed the same way array elements are accessed.The index n is actually a reference to one of the On properties of the arguments object

歸納出 2 個重點

• 無法明確建立這個 arguments 物件, 只有在函式執行時才可使用這個物件.
• 它是一個物件 (Object) 但不是陣列 (Array), 但它確保有 length 屬性.