iT邦幫忙

鐵人檔案

2012 iT 邦幫忙鐵人賽
回列表

建立API為中心的輕量級網站 系列

以 Sinatra、Redis、Knockout.js 為基礎的工具的應用

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文
DAY 21

為何採用 Knockout.js (KO)?

JavaScript的框架這麼多, 依什麼選擇此框架? 要用JavaScript做什麼, 這是首先要問自己的問題。 JavaScript 算是在 MVC 裡的...

2012-10-29 ‧ 由 逮丸逮丸 分享
DAY 22

以 knockout.js 實作猜拳遊戲 (有game喔…)

只要用 KO 的 observable 可簡單實作出簡單的猜拳互動介面, 再透過 observableArray 來做過程的歷史記錄。 只想玩game不想看文者...

2012-10-30 ‧ 由 逮丸逮丸 分享
DAY 23

以 sinatra + redis 改良實作夢幻筆名

在 用 Sinatra 實作簡單的夢幻筆名 API 這一篇, 每次query原網站來回應的方式,有點辛苦了原網站, 所以改良成,也可存在自己的 redis 裡,...

2012-10-31 ‧ 由 逮丸逮丸 分享
DAY 24

加上 knockout.js 的夢幻筆名

透過 knockout.js 來操作顯示夢幻筆名 會把抓來的筆名,都存在 novelname 這個key裡, 在頁面顯示已存幾個筆名, 若覺得太少,可有抓取新筆...

2012-11-01 ‧ 由 逮丸逮丸 分享
DAY 25

knockout.js + redis 實作為程式碼上色的線上工具

在 redis 應用:resque 的基本使用 這篇內容, 重點在實作了 server 端怎麼把程式碼丟到背景做上色的動作, 並未在 client 端怎麼去處理...

2012-11-02 ‧ 由 逮丸逮丸 分享
DAY 26

knockout.js + 顏色選擇器 改變程式碼底色

前篇 為程式碼上色的不同主題顏色, 會因為底色固定,而使得一些顏色主題不明顯, 而加上可以即時改變程式碼背景色的功能。 顏色選擇器採用 Really Simpl...

2012-11-03 ‧ 由 逮丸逮丸 分享
DAY 27

用 knockout.js 實作簡單的分頁功能

一般分頁機制,是每換下一頁就向server請求下一頁, 把整頁的所有元素重傳一次, 透過knockout.js把一次傳來的列表, 做成分頁瀏覽。 在 knock...

2012-11-04 ‧ 由 逮丸逮丸 分享
DAY 28

knockout.js 自行產生新的綁定

除了內建的click, value之外, knockout.js 也可以自行建立新的綁定。 ko.bindingHandlers.slideVisible =...

2012-11-05 ‧ 由 逮丸逮丸 分享
DAY 29

knockout.js 的 template 功能

用template的方式來顯示資料, knockout.js有幾種的作法, 看看可怎麼使用。 使用命名的樣板 用 id 來指定 template 的名稱, 也要...

2012-11-06 ‧ 由 逮丸逮丸 分享
DAY 30

待完成的相關議題

回顧檢討一下這個系列,還有什麼該加強。 這系列的主題是「建立API為中心的輕量級網站」, 試著想把 sinatra、redis、knockout.js 各別介紹...

2012-11-07 ‧ 由 逮丸逮丸 分享