用Sinatra來讀取Json檔，在用chart.js來畫曲線(二)~~~

接續上一篇，這一篇要用chart.js來畫圖表。

瀏覽器的物件模型：Bom vs Dom

在現今的的瀏覽器裡都會包含一個render引擎，而這個引擎則負責解釋網頁上的程式碼，瀏覽器的JavaScript解譯器就是這個引擎的一部分。

Rails => Pluck vs Map

最近在玩資料庫的時候，常常只要撈出Store特定幾個欄位的資料，之前的作法通常是一次把所有Store撈出來，然後在帶到View畫面把想要的欄位顯示出來。

Ruby => 物件導向程式語言(三）

(多型VS鴨子型別：duck typing)

Ruby => 物件導向程式語言(類別與物件)

Ruby是一款物件導向程式設計(Object-oriented programming，縮寫：OOP）

Ruby => 猴子補丁(Monkey Patch)

猴子補丁（Monkey Patch）是一種程式設計技巧，可以用來在執行時動態的修改（擴充套件）類別或模組，我們可以通過新增 Monkey Patch 來修改並滿足自己需求。

看以下例子，我們可以直接在Array的個類別裡面增加方法。

從輸出結果來看，我們藉由(Monkey Patch)這種技巧，在Array類別上增加了monkey1的個方法，也能正常輸出結果。

Ruby 介紹 => 符號(symbol)

在Ruby裡面有些變數的值不是平常看到的string或integer，而是前面加了冒號的英文字串(例如 :abc、:def之類的)。

我們可以用一些簡單的方法來比較符號和(數字、字串)的差別，首先我們將symbol、string、integer賦予給變數。

這邊稍微整理一下彼此的差異性:

1. 在對變數進行賦值時，symbol的命名:後面只能接英文字串否則會出現錯誤訊息。

JavaScript => var vs let

在說到var和let的差別時，我們要先知道在JavaScript裡面變數的有效範圍(Scope)，我們先看下面這個例子，輸出結果大家應該都知道吧～～

Cookie和Session的關係～

在說Cookie和Session之前要先說到HTTP，HTTP是一種無狀態的協議，其結果就導致客戶端每次發送request時，下次的request無法得知上次request所包含的狀態數據，常看的例子當一位使用者需要登錄一個網站，這時使用者會發送一個r…