搜尋此網誌

Summer。桑莫。夏天

更多…

發表文章

目前顯示的是有「Handlebars」標籤的文章

顯示全部

Node - 從MongoDB取得資料到套版

取得連結
Facebook
X
Pinterest
以電子郵件傳送
其他應用程式

9月 09, 2015

Node - 從MongoDB取得資料到套版經歷了前面關於Node基本安裝設定、模板引擎的熟悉，與一些基本的語法和操作，接著來到MongoDB的建置和使用，終於要把假資料換掉，使用真實世界的內容展現在畫面上啦。

張貼留言

閱讀完整內容

Node - 使用模版引擎 Handlebars

取得連結
Facebook
X
Pinterest
以電子郵件傳送
其他應用程式

8月 10, 2015

Node - 使用模版引擎 Handlebars

張貼留言

閱讀完整內容

總網頁瀏覽量

封存

2017 1
- 2月 2017 1
  - 部落格搬家摟

2016 23
2015 41
2014 19

顯示更多顯示較少

這個網誌中的熱門文章

利用Bootstrap Grid System排版的學習筆記

4月 07, 2015

利用Bootstrap Grid System排版的學習筆記 Bootstrap Grid System in Responsive Web Design 利用Bootstrap Grid System來排版真是一個方便的方法，最簡單的例子就是如果一個頁面上有許多小方格會隨著Device/解析度而有不同的排列方式，就很適合用Grid System來排版，像這樣～ Am I Responsive?

閱讀完整內容

使用Node.js + Express建構一個簡單的微博網站

11月 23, 2014

使用Node.js + Express建構一個簡單的微博網站。

閱讀完整內容

使用Bootstrap建立一個RWD Template (Twitter Bootstrap in Responsive Web Design)

2月 27, 2015

使用Bootstrap建立一個RWD Template (Twitter Bootstrap in Responsive Web Design) 使用Bootstrap建立一個RWD Template的筆記。由於部落格搬家了，因此在新落格也放了一份，未來若有增刪會在這裡更新- 使用 Bootstrap 建立一個 RWD Template（Twitter Bootstrap in Responsive Web Design）。過年在家還是持續閱讀、學習。做RWD網頁，除了自己建一套樣版或框架外，最方便省時的方法還是用別人已經寫好的工具，例如大名鼎鼎的Bootstrap。前陣子看到Udemy有免費課程帶著走一遍就來聽聽。更多詳細資訊可參考 Twitter Bootstrap in Responsive Web Design | Udemy - 共15堂課，解說清楚、免費。

閱讀完整內容

Facebook Graph API & Demo Example

6月 07, 2014

Social Demo - FaceBook 常用Graph API說明與Example Demo。什麼是Graph API？ Graph API是Facebook所推出的一種技術標準，它的核心概念是「物件與連結」。為什麼稱為「Graph API」呢？因為整個Facebook就是透過這些物件與連結建立而成的Social Graph。 Facebook所提供存取的介面，就稱為「Graph API」。 (參考 Graph API是什麼東東? ) 例如，我可以經由我的ID(物件 "ME" ) -> Graph API(連結) -> 取得朋友、喜愛的電影、Po文(物件)。

閱讀完整內容

Node - 表單處理與檔案上傳 (Form Handling and File Uploads)

8月 16, 2015

Node - 表單處理與檔案上傳 (Form Handling and File Uploads) 表單處理與檔案上傳。

閱讀完整內容

JavaScript Design Pattern - Factory 工廠模式

6月 27, 2015

JavaScript Design Pattern - Factory JavaScript Design Pattern 「Factory 工廠模式」筆記。

閱讀完整內容

加速行動版網頁(AMP, Accelerated Mobile Pages)

8月 21, 2016

加速行動版網頁(AMP, Accelerated Mobile Pages) 加速行動版網頁(AMP, Accelerated Mobile Pages)是Google推出的一套框架，用來使行動裝置網頁能快速載入。在Search Console上會看到提示建議Webmaster使用與提交這樣的頁面。

閱讀完整內容

DNS Prefetching - 預先做DNS解析，幫助網頁載入速度更快

6月 25, 2016

DNS Prefetching - 預先做DNS解析，幫助網頁載入速度更快前陣子看見 Addy Osmani 大大在Facebook上發表了一張圖片( 原文 )。

閱讀完整內容

JavaScript - Module Pattern

6月 18, 2015

JavaScript - Module Pattern 自從離開上一份十分忙碌的工作後，終於有時間好好針對JavaScript這個部份充電，於是來看「 JavaScript Patterns (中譯：JavaScript 設計模式) 」這本書，也將自己的學習歷程記錄下來。歡迎大家討論，無論是有錯糾正或新知分享等。什麼是Module Pattern？解決什麼問題？ Module Pattern 利用函數的「閉包(closure)」特性來避免汙染全域的問題 - 使用閉包(closure)來提供封裝的功能，將方法和變數限制在一個範圍內存取與使用。這樣的好處除了避免汙染全域外，也將實作隱藏起來，只提供公開的介面(public API)供其他地方使用，簡單易懂。

閱讀完整內容

JavaScript Design Pattern - Singleton 單體模式

6月 26, 2015

JavaScript Design Pattern - Singleton JavaScript Design Pattern 「Singleton 單體模式」筆記。

閱讀完整內容