html+css
1.關(guān)于Lorem ipsum?鏈接
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
這是一段用來測試排版效果的占位文字苹祟，沒有實際含義趟庄，實際上自從16世紀就有人用了
2.引入Lobster字體
<link rel="stylesheet" type="text/css">
3.Specify How Fonts Should Degrade(字體降級)
p {font-family: Helvetica, Sans-Serif;} 這樣寫瀏覽器就會在Helvetica字體不可用時自動降級為Sans-Serif字體
4.使用百分比(50%)而不是像素生成圓型邊框
5.letters
Nesting 嵌套
6.表單提交按鈕和action屬性泪喊、required屬性
在表單里添加一個type屬性為submit的按鈕窿克，則點擊按鈕后表單中的數(shù)據(jù)會被提交到action屬性指定的地址上薄榛，action屬性的值指定了表單提交到服務(wù)器的地址
當你設(shè)計表單時，你可以指定某些選項為必填項(required)让歼，只有當用戶填寫了該選項后，用戶才能夠提交表單丽啡，在input元素中加上required屬性就可以了谋右，required屬性在Safari瀏覽器中不起作用
7.元素的margin、padding
元素的外邊距margin控制元素邊框border和元素實際所占空間的距離补箍，如果你將一個元素的margin設(shè)置為負值改执，元素將會變大
元素的padding控制元素內(nèi)容content和元素邊框border之間的距離
padding: 10px 20px 10px 20px;
這四個值以順時針方式排列：頂部、右側(cè)坑雅、底部辈挂、左側(cè)，簡稱：上右下左?
當然裹粤，margin也是一樣的终蒂，實際上css中其他這種情況應(yīng)該也是這個原則
第一篇先這樣吧
8.CSS中的顏色調(diào)配
用十六進制(hex)前2個數(shù)字是紅色多少最大ff，最小00，中間2個數(shù)字是綠色多少拇泣，最后2個數(shù)字是藍色多少噪叙，共約1600萬色，也可以簡化為3個一位十六進制表示霉翔，約4000色睁蕾，還可以用rgb(x,x,x)的形式表示，x是0-255之間的數(shù)字
bootstrap
1.container-fluid類屬性
響應(yīng)式設(shè)計的div
2.img-responsive類屬性
使圖片自動適應(yīng)頁面
3.text-center類屬性
用于元素居中
4.btn類屬性债朵、btn-block類屬性子眶、btn-primary、btn-info序芦、btn-danger
btn用于bootstrap的按鈕樣式臭杰，btn-block用于將按鈕伸展并填滿頁面整個水平空間，仍然需要btn類屬性芝加，btn-primary是基本顏色(darkblue)硅卢，用在用戶主要采取的操作上，btn-info是淺藍色藏杖，用在用戶可能會采取的那些操作上将塑，btn-danger是紅色，提醒用戶該操作具有破壞性
5.bootstrap的網(wǎng)格布局
在父div上定義row蝌麸，則子div會橫向排列点寥，再定義如col-xs-4之類就可以了，注意都是用div布局的来吩，同理定義col會豎向排列
6.text-primary敢辩、text-info、text-danger
和btn的同理
7.font-awesome
一個方便的圖標庫弟疆，都是矢量圖形戚长，以.svg格式保存，比如fa fa-thumbs-up就表示一個大拇指圖標怠苔，fa-info-circle表示信息圖標同廉，fa-trash表示刪除圖標，fa-paper-plane表示一個發(fā)送圖標(紙飛機柑司，用于submit)
8.form-control
用于顯示input輸入框
9.well
為設(shè)定的列創(chuàng)造出一種視覺上的深度感
jquery
$(document).ready(function() {
將代碼寫在這里面
});
在沒有document ready function以前迫肖，代碼會在HTML沒有渲染完成就執(zhí)行，這樣會產(chǎn)生bug
所有jQuery方法都是由$開始的攒驰，通常稱作為美元符號蟆湖，或者簡稱為bling
要引入jQuery庫和Animate.css庫,FCC上在后臺引入過了
$("button").addClass("animated bounce");
添加類
$("button").removeClass("btn-default");
移除類
$("#target1").css("color","red");
添加樣式
$("button").prop("disabled", true);
prop()方法用來調(diào)整元素屬性，這可以使按鈕不可用
$("h3").html("jQuery Playground");
jQuery的.html()方法可以添加HTML標簽和文字到元素玻粪，而元素之前的內(nèi)容都會被方法的內(nèi)容所替換掉
$("#target2").clone().appendTo("#right-well");
復(fù)制及追加元素的方法
$("#left-well").parent().css("background-color", "blue");
為元素的父級元素添加樣式
$("#left-well").children().css("color", "blue");
為元素的子元素添加樣式
$(".target:nth-child(3)").addClass("animated bounce");
給帶有target類的元素的第3個子元素添加類
$(".target:odd/even").addClass("animated shake");
給帶有target類且索引值為奇數(shù)/偶數(shù)的元素添加類
$("body").addClass("animated hinge");
給body添加一個很酷的動畫效果
javascript
1.聲明變量
在計算機科學(xué)中,data(數(shù)據(jù))就是一切隅津，因為它對于計算機的意義重大诬垂。JavaScript提供七種不同的data types(數(shù)據(jù)類型)，它們是undefined（未定義）,null（空）,boolean（布爾型）,string（字符串）,symbol(符號),number（數(shù)字）,object（對象）
舉個栗子, 計算機能夠分辨不同的數(shù)字, 例如數(shù)字12和strings饥瓷，"12"和"dog", 或"123 cats", 都是字母的集合剥纷。 計算機能夠精確地操作數(shù)字， 但是對于字符串卻無能為力
Variables（變量）允許計算機以一種動態(tài)的形式來存儲和操作數(shù)據(jù)呢铆，通過操作指向數(shù)據(jù)的指針而不是數(shù)據(jù)本身來避免了內(nèi)存泄露晦鞋，以上的七種數(shù)據(jù)類型都可以存儲到一個變量（variable）中。
Variables非常類似于你在數(shù)學(xué)中使用的x,y變量, 這意味著它們都是以一個簡單命名的名字來代替我們賦值給它的數(shù)據(jù)棺克。計算機中的variables（變量）與數(shù)學(xué)中的變量不同的是悠垛，計算機可以在不同的時間存儲不同類型的變量。
2..push()娜谊、.unshift() 和 .pop()确买、.shift()
.push()接受一個或多個參數(shù)，并把它“推”入到數(shù)組的末尾
.pop()函數(shù)用來“拋出”一個數(shù)組末尾的值纱皆。我們可以把這個“拋出”的值賦給一個變量存儲起來
.shift()函數(shù)用來“拋出”一個數(shù)組頭部的值
.unshift()接受一個或多個參數(shù)湾趾，并把它“推”入到數(shù)組的頭部
3.局部變量與全局變量
一個程序中有可能具有相同名稱的局部變量 和全局變量。在這種情況下派草，局部變量將會優(yōu)先于全局變量
4.隊列
在計算機科學(xué)中隊列（queue）是一個抽象的數(shù)據(jù)結(jié)構(gòu)搀缠，隊列中的條目都是有秩序的。新的條目會被加到隊列的末尾近迁，舊的條目會從隊列的頭部被移出
5.switch
如果switch語句中的case分支的break語句漏掉了艺普，后面的case語句會一直執(zhí)行直到遇到break
switch(val) {
case 1:
case 2:
case 3:
result = "1, 2, or 3";
break;
case 4:
result = "4 alone";
}// 分支1，2鉴竭，3將會產(chǎn)生相同的輸出結(jié)果
6.21點算法
在賭場21點游戲中歧譬，玩家可以通過計算牌桌上已經(jīng)發(fā)放的卡牌的高低值來讓自己在游戲中保持優(yōu)勢，這就叫21點算法
21點算法的簡單實現(xiàn)函數(shù)
7.對象
有兩種方式訪問對象屬性搏存，一個是點操作符(.)瑰步，一個是中括號操作符([])
如果你想訪問的屬性的名稱有一個空格，這時你只能使用中括號操作符([])
中括號操作符的另一個使用方式是用變量來訪問一個屬性璧眠。當你需要遍歷對象的屬性列表或查表時面氓，這種方式極為有用
var someProp = "propName";
var myObj = {
propName: "Some Value"
}
myObj[someProp]; // "Some Value"
使用delete ourDog.bark;這樣的語句可以刪除對象的某個屬性
可以用.hasOwnProperty(propname)方法來檢查對象是否有該屬性。如果有返回true蛆橡，反之返回false
如果你需要通過變量來訪問對象的屬性值，請用中括號操作符掘譬，點操作符不支持變量
8.JSON
JavaScript Object Notation 簡稱JSON泰演，它使用JavaScript對象的格式來存儲數(shù)據(jù)。JSON是靈活的葱轩，因為它允許數(shù)據(jù)結(jié)構(gòu)是字符串睦焕，數(shù)字藐握，布爾值，字符串垃喊，和對象的任意組合
可以通過串聯(lián)起來的點操作符或中括號操作符來訪問JSON對象的嵌套屬性 ourStorage.cabinet["top drawer"].folder2
JSON對象可以嵌套對象和數(shù)組猾普。與訪問嵌套對象一樣，用中括號操作符同樣可以訪問嵌套數(shù)組
函數(shù)返回的永遠是整個對象
9.條件循環(huán)語句
for ([初始化]; [條件判斷]; [計數(shù)器])
初始化語句只會在執(zhí)行循環(huán)開始之前執(zhí)行一次本谜。它通常用于定義和設(shè)置你的循環(huán)變量
條件判斷語句會在每一輪循環(huán)的開始執(zhí)行初家，只要條件判斷為true就會繼續(xù)執(zhí)行循環(huán)。當條件為false的時候乌助，循環(huán)將停止執(zhí)行溜在。這意味著，如果條件在一開始就為false他托，這個循環(huán)將不會執(zhí)行
計數(shù)器是在每一輪循環(huán)結(jié)束時執(zhí)行掖肋，通常用于遞增或遞減
10.隨機數(shù)
Math.random()用來生成一個在0(包括0)到1(不包括1)之間的隨機小數(shù)，因此Math.random()可能返回0但絕不會返回1
生成兩個指定數(shù)之間的隨機數(shù)的方法
Math.floor(Math.random() * (max - min + 1)) + min
