Rubi Liou

@naralala

Joined on Nov 28, 2015

  • 什麼是 MPA (Multi-Page Application) MPA 指的是一般傳統的開發方式,有幾個頁面就製作幾個 HTML 檔案,後端程式語言通常會使用 PHP, ASP, Java, Ruby 或 Python ... 等。當頁面越多越複雜時 Client 端跟 Server 端就要傳遞越多次資料。 什麼是 SPA (Single-Page Application) SPA 顧名思義整個網站只有一個頁面,透過 AJAX 技術處理讓頁面在送出資料且收到 Server 的回覆後,只針對需要更新的元件來更新。 項目 MPA SPA
     Like  Bookmark
  • Nook 哩數家具 樣式 名稱 樣式 名稱 樣式 名稱 公共長椅
     Like  Bookmark
  • # ES6 學習筆記 ###### tags: `ReactJS` `ES6` `Javascript` 本篇筆記是基於 Udemy 線上課程 [快速學習 React.js 和 Redux 的基礎到實踐](https://www.udemy.com/reactjs-redux/) 再加上自己想深入了解的部分請教 Google 大神後整理出來的筆記。 ## 常數及變數 (Constants and Variables) | 語法 | 作用域 | 類型 | | --- | --- | --- | | var | 函式作用域 | 沒有常數的概念,只有分全域變數或區域變數 | | let | 區塊作用域 | 變數 | | const | 區塊作用域 | 常數 | * 函式作用域 (function scope):`function` 內的作用區域。 * 區塊作用域 (block scope):區塊語句內的作用區域,如:`function` `if` `else` `for` `while`..等。 * 全域變數:於 function 外宣告的變數,在整個程式中都可被存取與修改。 * 區域
     Like  Bookmark
  • # 實作 Google 試算表表單串接API (Google Apps Script) ###### tags: `googleCloud` 使用 Google 表單建立了一份 **問題回報表單** 作為客服、會計部門和 RD 部門之間的專案需求單。雖然開放 **回報報表** 的讀取權限可以讓申請人追蹤目前的需求處理進度,但在查詢進度上不是非常友善,RD 也不容易追蹤尚未處理的需求。因此若能將 Google 試算表 的資料抓回 CRM 並套用 [datatables](https://datatables.net/),不但能使用 datatables 的篩選及排序功能,也能將資料再處理成方便檢視的樣式,如:Google 表單的圖片上傳後,在 Google 試算表上是一串以逗號分隔的網址字串,把字串傳回 CRM 後可做成另開檢視的按鈕,就不需分別複製圖片網址。 ## 簡介 Google Apps Script ![](https://i.imgur.com/3opSICb.jpg) Google Apps Script 是一種基於 JavaScript 的雲端腳本語言用來擴展 Goo
     Like 8 Bookmark
  • # 使用 React Router 建立一個 SPA(Single-Page App) 頁面 ###### tags: `ReactJS` `Javascript` ## 什麼是 SPA SPA 英文直譯就是單一頁面應用程式,顧名思義就是網頁不做轉跳頁面的動作就可以達到新增、刪除、修改等功能,例如 AJAX 就是 SPA 的一種。 SPA 的優點是所有資源不需要重新載入,只針對需要更新修改的部分資料做處理。如此可減少不必要的資源浪費。 ![](https://i.imgur.com/lMQc9YN.jpg) ## React Router 在 google ReactJs 的 router 時,會一直交叉出現三種很相像的關鍵字 `react-router` `react-router-dom` `react-router-native` ,我們先初步了解一下這三項的不同: | Library | 應用 | 說明 | |--- | :---: | --- | | react-router
     Like  Bookmark