KineticJS 介紹

KineticJS 是一套針對 canvas 設計的函式庫，使得我們在操作使用 canvas 的時候相對簡單易懂。
這篇文章將會教您如何透過 KineticJS 在螢幕上（canvas）建立一些物件，然後可以透過拖拉選取範圍。

何謂 sails.js

• <h1> - <h6> 標題

• <p> 文字段落，注意在裡面的空白，無論連續幾個都會被當做一個。此時可以使用  

使用 Compass 之前需要先安裝 ruby，這裡我們可以透過官方
的教學來安裝，建議使用 rvm 的方式來管理各種版本的 ruby。

• display: block : 前後會插入換行，寬會填滿父元素，高則是配合內容。可以用 width, height 設定。
  預設: h1, p, div

• display: inline : 不會換行，會連成一行。寬高都是依照內容，且不能使用 width, height。
  預設: span, a, em

• display: inline-block : 跟 inline 一樣，但能夠使用 width, height 設定寬高。

• display: list-item : 變成 marker + block。

• display: run-in : 如下圖 h2 被指定 run-in 它就會變成 inline 後續的元素如果是 block 就會如圖一樣合體。但是後續的元素如果是 inline 或者套用了 float, position ，那麼 h2 就會是 block。 註: Firefox 和 IE7 目前都不支援 run-in

簡易觀念

整個 Responsive Web Design 最主要的就是靠 css 中的 media query 搭配 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 這兩個部分來達成。

簡言之就是透過

*

通用選擇器 -> 套用所有元素

1

* {color: yellow;}

你是否曾經遇過這種情形，當您試著要套用某個 CSS 規則到元素的時候，它就是不產生變化。
網頁看起來就是忽略了您的 CSS ，然後根本搞不清楚到底是為什麼。
也許您使用了 !important 作為您最後的手段，這裡就有一個很好的機會來理解 CSS 選擇器的優先順序。

資料模型的驗證機制

在物件導向的世界裡有很多種方式可以驗證資料模型(Model Class) 。大部分的情況下我們可以在 Property
的 setter 裡面作資料的確認。就是如下程式碼

前言

這篇文章不是要深入探討關於BackboneJS的使用，純粹是因為最近Javascript MVC Framework
一直推陳出新。但像小弟資質愚鈍其實剛知道這東西的時候完全不知道她在干嘛。
這篇文章只是大略用範例來做些基本的說明。