wcc526

switch

var grade = "Preminum";

switch(grade){
    case "Regular":
        alert("It is ok");
    case "Priminum":
 alert("It is ok");

wcc526

$.ajax({
    url: "http://query.yahooapis.com/v1/public/yql",
    // the name of the callback parameter, as specified by the YQL service
    jsonp: "callback",
    // tell jQuery we're expecting JSONP
    dataType: "jsonp",
    // tell YQL what we want and that we want JSON
    data: {
 q: "show tables",

wcc526

Handlebars.js

参考自ghostchina

value

<div class="demo">
<h1>{{name}}</h1>
{{content.title}}

wcc526

search , order and direction

<div class="search">
    <input ng-model="query" placeholder="Search for artists" autofocus>
    <label class="formgroup">by:
        <select ng-model="artistOrder">
            <option value="name"> Name </option>
            <option value="reknown"> Reknown </option>
 

wcc526

unbind

$('button')
.bind('click',clickListener)
.bind('click',otherListener);

// unbind all click listeners
$('button').unbind('click');

wcc526

javascript

<script type="text/javascript">
$("#loading-button").click(function(){
    var btn=$(this);
    btn.button('loading');
    setTimeout(function(){
        btn.button('reset');
 },3000);

wcc526

Example from http://www.takadevelop.com/2013/05/03/adapter-pattern-in-ruby/

Adapter Design Pattern

Abstract Duck

class Duck def quack end

def fly end

wcc526

Ruby Syntax

• 編輯器設定 soft tab (space=2)，以 2 格空白符號做為程式內縮距離（不分語言）。

Sublime Text2 設定, Settings Default => 
// The number of spaces a tab is considered equal to
"tab_size": 2,

// Set to true to insert spaces when tab is pressed

wcc526

require 'benchmark'
puts Benchmark.measure { 10000.times { print "." } }

Benchmark.bm do |x|
  x.report('some test') {
    N.times { some_test }
  }
end

wcc526

CSS Tricks

教材：http://www.codeschool.com/courses/css-cross-country

---

Style 生效的位置

• inline style
• 在 裡面