- div,p等非按鈕元素的diabled效果實現 , 方法是css{pointer-events:none;} ，可以實現無法點擊的效果，加上透明度改變食用更佳。
<div οnclick="add()" class="hh"></div>
.hh{
opacity:0.5;
pointer-events:none;
}1.1 sublime 快捷鍵 ctrl + d 選中內容，按下快捷鍵 ，按幾次就可以選中之後的多個此內容，一起修改。
ctrl + L 選中當前光標所在的行。
shift + 右鍵 拖動選中多行，多個光標。
1.2 angularjs Material 使用 md-menu 時候，由於md-menu 會創造一個子scope 所以ng-model 需要是對象方式的，這個對象在controller內部寫好，然後數據就可以在js代碼獲取，如果ng-model綁定變量，不是對象，就無法在後端獲取數據，操作數據。
2.js延遲加載的方式
（1）async屬性，<script type="text/javascript" src="demo_async.js" async="async"></script>
規定一旦腳本可用，則會異步執行。async 屬性僅適用於外部腳本。基本適用於所有瀏覽器。
（2）defer屬性 <script type="text/javascript" defer="defer">
規定是否對腳本執行進行延遲，直到頁面加載爲止，只有 Internet Explorer 支持 defer 屬性。
3.選擇器的優先級
1.最高優先級是 (直接在標籤中的設置樣式，假設級別爲1000)<div style="color:Red;"></div>
2.次優先級是（ID選擇器 ,假設級別爲100） #myDiv{color:Red;}
3.其次優先級是（類選擇器，假設級別爲10） .divClass{color:Red;}
4.最後優先級是 （標籤選擇器，假設級別是 1） div{color:Red;}
5.那麼後代選擇器的優先級就可以計算了 比如 .divClass span { color:Red;} 優先級別就是：10+1=11
4.jsonp
(1)JSONP的優點：
它不會受到同源策略的限制；它的兼容性更好，在更加古老的瀏覽器中都可以運行，不需要XHR或ActiveX的支持；請求完畢可通過callback的方式回傳結果。
(2)JSONP的缺點：它只支持GET請求而不支持POST等其它類型的HTTP請求；它只支持跨域HTTP請求這種情況，不能解決不同域的兩個頁面之間如何進行調用的問題。
Jsonp原理： 1、首先在客戶端註冊一個callback, 然後把callback的名字傳給服務器。此時，服務器先生成 json 數據。然後以 javascript 語法的方式，生成一個function, function 名字就是傳遞上來的參數 jsonp. 2、最後將 json 數據直接以入參的方式，放置到 function 中，這樣就生成了一段 js 語法的文檔，返回給客戶端。 3、客戶端瀏覽器，解析script標籤，並執行返回的 javascript 文檔，此時數據作爲參數，傳入到了客戶端預先定義好的 callback 函數裏.（動態執行回調函數）
5.JavaScript RegExp 對象
i 執行對大小寫不敏感的匹配。
g 執行全局匹配（查找所有匹配而非在找到第一個匹配後停止）。
m 執行多行匹配。
RegExp 對象方法:
(1)compile 編譯正則表達式 (2)exec 檢索字符串中指定的值。返回找到的值，並確定其位置 (3) test 檢索字符串中指定的值,返回 true 或 false。
支持正則表達式的 String 對象的方法search match replace split
6 this
函數裏的this可以分爲兩種來記憶：
如果是使用new方式創建對象，this指向新建的那個對象；
如果只是普通的調用，誰調用這個函數，函數裏的this就指向誰~
7.ES6 後新增了一類數據類型 ：Symbol ， ES5 中的基本數據類型有 5 種：Undefined、Null、Boolean、Number、String. 而 Object 是屬於複雜數據類型
8.
1.常見的塊級元素(自動換行， 可設置高寬 )有：
div,h1-h6,p,pre,ul,ol,li,form,table,label等
2.常見的行內元素（無法自動換行，無法設置寬高）有：
a,img,span，i（斜體）,em（強調）,sub(下標)，sup（上標）等。
3.常見的行塊級元素(擁有內在尺寸，可設置高寬，不會自動換行 )有：
(button,input，textarea,select), img等
9
Link,visited,hover,active.( L o v e h a t e 愛與恨) 僞類排列順序
10 a中href=”#”表示回到最頂部,(一個小知識)。
<a href="#">回到`頂部`</a>11 media query
“media”來指定特定的媒體類型，如屏幕（screen）和打印（print）的樣式表等。
(1) link方法引入
(2)樣式文件中使用：
@media screen{
選擇器{
屬性：屬性值；
}
}例子
<link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css" />and 是關鍵字(還有not/only) ，針對屏幕情況，寬度小於600px會使用small.css
12.
瀏覽器支持的圖片格式不包括tif ，一般支持gif,jpg,bmp等
13.
table標籤的基礎知識：
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>tr 元素定義表格行，th 元素定義表頭，td 元素定義表格單元。
更復雜的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
14.
location /navigator/history
Location 對象包含有關當前 URL 的信息。
Location 對象是 Window 對象的一個部分，可通過 window.location 屬性來訪問。
reload() 重新加載當前文檔。 (window.location.reload());
replace() 用新的文檔替換當前文檔。
Navigator 對象包含有關瀏覽器的信息。
History 對象包含用戶（在瀏覽器窗口中）訪問過的 URL。
History 對象是 window 對象的一部分，可通過 window.history 屬性對其進行訪問。
back() 加載 history 列表中的前一個 URL。(後退功能： window.history.back())
forward() 加載 history 列表中的下一個 URL。（前進到下一個url： window.history.forward()）
go() 加載 history 列表中的某個具體頁面。
15.
jQuery的知識：
$(this) 當前 HTML 元素
$("p") 所有 <p> 元素
$("p.intro") 所有 class="intro" 的 <p> 元素
$(".intro") 所有 class="intro" 的元素
$("p").css("background-color","red");
$(document).ready(function) 將函數綁定到文檔的就緒事件（當文檔完成加載時）
$(selector).click(function) 觸發或將函數綁定到被選元素的點擊事件
$(selector).mouseover(function) 觸發或將函數綁定到被選元素的鼠標懸停事件
許多 jQuery 函數涉及動畫。這些函數也許會將 speed 或 duration 作爲可選參數。
例子：$("p").hide("slow")
speed 或 duration 參數可以設置許多不同的值，比如 "slow", "fast", "normal" 或毫秒。
實例
$("button").click(function(){
$("p").hide(1000);
});
會延遲過渡效果消失jQuery ajax:
ajax() 方法通過 HTTP 請求加載遠程數據。
該方法是 jQuery 底層 AJAX 實現。簡單易用的高層實現見 $.get, $.post 等。$.ajax() 返回其創建的 XMLHttpRequest 對象。
返回的類型：除了單純的 XML，還可以 html、json、jsonp、script 或者 text。
屬性：
1.async
類型：Boolean
默認值: true。默認設置下，所有請求均爲異步請求。如果需要發送同步請求，請將此選項設置爲 false。
2.dataType
類型：String
預期服務器返回的數據類型。XML，html、json、jsonp、script 或者 text。
3.url
類型：String
默認值: 當前頁地址。發送請求的地址。
回調函數
如果要處理 $.ajax() 得到的數據，則需要使用回調函數：beforeSend、error、dataFilter、success、complete。16。
object instanceof constructor
參數
object 要檢測的對象.
constructor 某個構造函數
描述 instanceof 運算符用來檢測 constructor.prototype 是否存在於參數 object 的原型鏈上。
function C(){}
function D(){}
var o = new C();
// true，因爲 Object.getPrototypeOf(o) === C.prototype
o instanceof C;
// false，因爲 D.prototype不在o的原型鏈上
o instanceof D;
o instanceof Object; // true,因爲Object.prototype.isPrototypeOf(o)返回true
C.prototype instanceof Object // true,同上
C.prototype = {};
var o2 = new C();
o2 instanceof C; // true
o instanceof C; // false,C.prototype指向了一個空對象,這個空對象不在o的原型鏈上.
D.prototype = new C(); // 繼承
var o3 = new D();
o3 instanceof D; // true
o3 instanceof C; // true
17.
active link visited hover 僞類的用法特點：
提示：在 CSS 定義中，a:hover 必須被置於 a:link 和 a:visited 之後，纔是有效的。
提示：在 CSS 定義中，a:active 必須被置於 a:hover 之後，纔是有效的。
提示：僞類名稱對大小寫不敏感。
link/visited+hover+active
- angularjs一些知識
（1）ng-src 這個指令要知道
對於img 可以直接使用 ng-src=’{{name}}’;
但是audio無法正常綁定url數據。
需要在對應得control中添加sce然後使用 sce.trustAsResourceUrl(捆綁的url)處理，然後進行捆綁就ok啦
（2）關於angularjs中的filter
<input ng-model="searchText"></label>
<table id="searchTextResults">
<tr><th>Name</th><th>Phone</th></tr>
<tr ng-repeat="friend in friends | filter:searchText">
<td>{{friend.name}}</td>
<td>{{friend.phone}}</td>
</tr>這個代碼 關鍵是 “friend in friends | filter:searchText” 隨着輸入篩選結果
如果friend是對象，要顯示friend.name,則需要ng-model=”searchText.name” ,ng-repeat=”friend in friends | filter:searchText”
(3)
輸入類型 - image
image 輸入類型將圖像定義爲提交按鈕。
對於 <input type="image">，src 和 alt 屬性是必需的。
實例
<input type="image" src="img_submit.gif" alt="Submit" />(4) toFixed() 方法可把 Number 四捨五入爲指定小數位數的數字。
語法
NumberObject.toFixed(num)
eg:
var num = new Number(13.37);
document.write (num.toFixed(1))
13.4
