React部分
*props是用來組件之間傳值
state是組件內的狀態機
屬性和狀態，本來就各不相干
各司其職
*每次更改state之後會再次進入render渲染頁面。所以儘量避免分開使用setState,如果業務上確實需要分開設置state。可以將render中的動態的部分抽離爲子組件，再將父組件的值作爲參數傳到子組件中，子組件用ComponentReceiveProps接收參數，再在子組件的render中渲染頁面。
componentWillReceiveProps(nextProps){}
在組件接收新props時調用。初始渲染不調用此方法。老的props可以用this.props 新值就用nextProps查看 ,在此函數中調用this.setState（）不會觸發附加的渲染。
如果後臺使用@RequestParam在axios中使用params傳參，如果後臺使用@RequestBody在axios中使用data傳參。
Vue部分
*vue之this.$route.params和this.$route.query的區別
*vue + elementui表單重置 resetFields問題（無法重置表單），我遇到的問題這裏面沒有，我遇到的問題是prop用v-bind綁定了（實際上我是用的簡寫的“:”），其實並不需要綁定；而且form表單的:model和ref都不能少，前者用於綁定表單數據，後者用於ref獲取元素
* ElementUI的el-tree控件後臺數據結構的生成以及方法的抽取
*在vue.js中，計算屬性和方法達到的效果是一樣的，但是計算屬性是基於依賴進行緩存的，只有message發生改變纔會導致reverseMessage發生改變，只要 message 還沒有發生改變，多次訪問 reversedMessage 計算屬性會立即返回之前的計算結果，而不必再次執行函數；而方法是每次調用都會執行。
*Mustache 語法(雙花括號)不能作用在 HTML 特性上，遇到這種情況應該使用 v-bind 指令：
```
<div v-bind:id="dynamicId"></div>
```
*v-bind 指令用於響應地更新HTML特性,形式如:v-bind:href,縮寫爲 :href;
v-on 指令用於監聽DOM事件形式如:v-on:click,縮寫爲 @click;
*windows安裝vue.js
http://www.jb51.net/article/108889.htm
*JavaScript學習--Item9 call(),apply(),bind()與回調>>點擊打開鏈接
*兩個div並排,兩個div的style:display="inline-block",如果設置爲display="inline",margin-top會失效,因爲inline是行內元素,會把所有東西放在一列,而inline-block是塊級元素,可以控制其長寬.
*z-index起作用的前提是position:relative
*淺談ajax上傳文件屬性contentType = false>>原文內容
*解決iframe嵌套頁面,外部頁面禁用滾動條
假如有這麼個iframe:
要實現隱藏垂直滾動條但保留滾動功能，需要在html5-demo.html頁面中添加：
<style type="text/css">
html::-webkit-scrollbar {display:none}
</style>
*EL表達式forEach中varStatus屬性的作用:就拿varStatus=“status”來說，事實上定義了一個status名的對象作爲varStatus的綁定值。該綁定值也就是status封裝了當前遍歷的狀態，比如，可以從該對象上查看是遍歷到了第幾個元素：${status.count},原文鏈接:點擊打開鏈接
*ajax有哪些回調函數》原文內容
jquery ajax回調函數帶入參數》原文內容
*css樣式在html中有三種存在形態：
內聯樣式：<div style="display: none"></div>
內部樣式: <style></style>
外聯樣式：<link href="" />
三者的優先級爲：內聯樣式>內部樣式>外聯樣式。
*button和input的區別:button有提交的效果,如果只需要綁定id事件,儘量避免使用button,否則會出現很詭異的綁定事件無效的情況.
*
<body>
<div id="alterWindow">
<input type="text" id="cityCode" name="cityCode" class="form-control comBox" />
</div>
<div id="searchWindow">
<input type="text" id="cityCode" name="cityCode" class="form-control comBox" />
</div>
</body>
<script type="text/javascript">
$(function(){
$('#cityCode',$("#alterWindow")).bind({
click:function(){
$("#cityCode").val("aa");//此處雖然沒有指定父節點,但是默認父節點是alterWindow,所以在點擊第一個cityCode的時候,只有第一個input會顯示字符串"aa"
}
})
})
</script>
*readystate有幾個狀態
包含 5 種可能的值，對應常數表如下：
0 WebBrowserReadyState.UnInitialized(未初始化，默認)： WebBrowser 對象已經創建，但不包含文檔。
1 WebBrowserReadyState.Loading(載入)：已經導航到新的文檔，但尚未發送請求。
2 WebBrowserReadyState.Loaded(載入完成)： 請求已經發送完成。
3 WebBrowserReadyState.Interactive(交互)：可以接收到部分響應數據。
4 WebBrowserReadyState.Complete(完成)：已經接收到了全部數據，並且連接已經關閉。
上面的常量是包含在 System.Windows.Forms 命名空間下的，這個命名空間是默認聲明好的。
其實如果是判斷網頁是否加載完成，應該用 WebBrowser 的 DocumentCompleted 事件來判斷。
用 ReadyState 也可以吧，加個 Timer 反覆判斷它的值就好。
IfWebBrowser1.ReadyState=4Then'4也可以寫成WebBrowserReadyState.Complete
Msgbox("加載完畢")
EndIf
*on和bind的區別:http://blog.csdn.net/aitangyong/article/details/43673535
*jquery中html()和append()的區別:前者是替換,後者是追加
*em和px的關係:em=px/16
*網上都說, 用$.ajax + formdata 上傳文件很容易啊,只要別忘記設置 processData: false . 確實,如果不設置 processData:
false,jquery直接報錯,分分鐘死給你看。但當我向Django發送某個攜帶了文件的表單時,根本就是錯得連 csrfmiddleware 都過不去啊!
在 csrfmiddleware 裏面打上斷點,request.POST 裏面空空如也,什麼表單數據都沒有!
原因也很好解釋,processData=false 就是不處理formdata的數據,網上的解釋都很好聽,但實際上呢?! Django 什麼數據都沒有收到!
*我們在 form 標籤中設置了enctype = “multipart/form-data”,這樣請求中的 contentType 就會默認爲 multipart/form-data 。而我們在 ajax 中 contentType 設置爲 false 是爲了避免 JQuery 對其操作，從而失去分界符，而使服務器不能正常解析文件。
*JavaScript中三種彈出式消息提醒的命令是什麼？（如：警告，確認，信息輸入）alert,confirm,prompt
*Readonly只針對input(text / password)和textarea有效，而disabled對於所有的表單元素都有效，包括select, radio, checkbox, button等。但是表單元素在使用了disabled後，當我們將表單以POST或GET的方式提交的話，這個元素的值不會被傳遞出去，而 readonly會將該值傳遞出去(這種情況出現在我們將某個表單中的textarea元素設置爲disabled或readonly，但是submit button卻是可以使用的)。
*jquery中prop和attr的區別
http://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html
*jquery中數組的使用
http://www.jb51.net/article/76601.htm
*jquery如何獲取複選框的值
http://www.jb51.net/article/44397.htm
var ids=new Array()
$('input[name="ids"]:checked').each(function(){
ids.push($(this).val());
});
*JQuery checkbox選中
$("#sendSmsUnderwrite",$("#doFormUpdate")).prop("checked",true);
*JQuery checkbox反選
$("#selectAll").unbind("click").bind({
click : function() {
$("[name='ids']").each(function() {// 反選
if ($(this).prop("checked")==false) {
$(this).prop("checked",true);
} else {
$(this).prop("checked", false);
}
});
}});
*JS序列化
前端頁面表單提交後臺用js序列化可以極大地減少字段的書寫，節省開發時間，但條件是必須要要有name屬性;
後端接收前端傳來的數據時，爲了減少字段的書寫，可以用對象接收前端傳來的數據，(但條件是前端除了使用序列化之外還要指定dataType:'json'，這句話還有待商榷，因爲我後面去掉dataType後臺也能將接收到的數據轉爲對象，如果接收不到，可以用dataType='json'試試)
*Bootstrap
重置按鈕只要將form表單中的按鈕type=reset即可
modal：http://www.jb51.net/article/83084.htm
data-toggle 表示觸發類型
data-target 表示觸發的節點
data-dismiss="modal"：
如果你的modal彈窗裏面加上這個按鈕，那麼點擊則會關閉當前彈窗，關鍵在於data-dismiss="modal"，它讓按鈕有了這個功能。這是bootstrap.js中MODAL插件相關代碼中定義的:
aria-hidden="true"：
現代的輔助技術能夠識別並朗讀由 CSS 生成的內容和特定的 Unicode 字符。爲了避免 屏幕識讀設備抓取非故意的和可能產生混淆的輸出內容（尤其是當圖標純粹作爲裝飾用途時），我們爲這些圖標設置了 aria-hidden="true" 屬性。
如果你使用圖標是爲了表達某些含義（不僅僅是爲了裝飾用），請確保你所要表達的意思能夠通過被輔助設備識別，例如，包含額外的內容並通過 .sr-only 類讓其在視覺上表現出隱藏的效果。
如果你所創建的組件不包含任何文本內容（例如， <button> 內只包含了一個圖標），你應當提供其他的內容來表示這個控件的意圖，這樣就能讓使用輔助設備的用戶知道其作用了。這種情況下，你可以爲控件添加 aria-label 屬相。
*Bootstrap的aria-label和aria-labelledby的區別
http://blog.csdn.net/liuyan19891230/article/details/50452835
*bootstrap div居中div class="center-block"
*js獲取頁面寬度高度及屏幕分辨率
網頁可見區域寬：document.body.clientWidth
網頁可見區域高：document.body.clientHeight
網頁可見區域寬：document.body.offsetWidth (包括邊線的寬)
網頁可見區域高：document.body.offsetHeight (包括邊線的寬)
網頁正文全文寬：document.body.scrollWidth
網頁正文全文高：document.body.scrollHeight
網頁被捲去的高：document.body.scrollTop
網頁被捲去的左：document.body.scrollLeft
網頁正文部分上：window.screenTop
網頁正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的寬：window.screen.width
屏幕可用工作區高度：window.screen.availHeight
屏幕可用工作區寬度：window.screen.availWidth
*js去除字符串中間的空格（trim()只能去除字符串首尾的空格）
title = title.replace(/ /ig,'');
*jquery定時器
http://www.jb51.net/article/35347.htm
http://www.cnblogs.com/Fooo/archive/2011/12/15/2289215.html
*$("#searchBtn").trigger("click");觸發點擊事件
*Js Jquery 關於endWith() 和startWith() 的使用
http://blog.csdn.net/wjs7740/article/details/38434633
*頁面之間傳值
1.cookie
2.html5使用localStorage和sessionStorage，兩者區別：localStorage屬於永久性存儲，而sessionStorage屬於當會話結束的時候，sessionStorage中的鍵值對會被清空。
3.html5使用indexdb
*jquery 獲取json key ，不循環獲取
var bb = {'123':{'ccc':'aa'}};
console.log(Object.keys(bb));
*在each代碼塊內不能使用break和continue,要實現break和continue的功能的話，要使用如下的方式：
break----用return false;
continue --用return ture;
*JS（JQEERY） 獲取JSON對象中的KEY VALUE
var json= { "Type": "Coding", "Height":100 };
for (var key in json)
{
alert(key); alert(json[key]);
}
$.each(json, function(i) {
alert(json[i]);
alert(i);
});
*jquery判斷是否在數組中$.inArray("targetField",array)
*forEach和$each的區別：http://blog.csdn.net/fightinggirls/article/details/70243859
動態生成表格js:
$.each(row,function(i,item){
html+="<tr>";
$.each(row[i],function(key,value){
html+="<td>"+value+"</td>";
})
html+="</tr>";
});
*easyui可以把input封裝成textArea , 但是如果用那個input的id去hide的話是隱藏不了的,因爲不是取的textArea的id,而是取的input的id，所以隱藏的不是textArea，而是input，解決辦法：用外面一層的id隱藏（搞死人啊，這個是bug吧，反饋給easyui項目組不知道有沒有獎勵）。
*combotree裏後臺無法獲取所有選中節點解決方法
1.首先要有一個combotree
<div class="divWindowRow">
<lable>是否發送短信</lable>
<input type="text" class="easyui-combotree formElement" id="smsContent" name="smsContent" >
</div>
2.其次要有一個隱藏域（這很關鍵，js通過這個隱藏域獲得所選擇的所有節點的值）
<div class="divWindowRow" style="display: none;">
<input type="hidden" class="easyui-textbox" id="sms" name="sms">
</div>
3.js中獲取隱藏域中的值
var smss = $("#smsContent",$("#createWindow")).combotree('getValues');
$("#sms",$("#createWindow")).textbox("setValue",smss);
4.傳到後臺（這裏用的序列化傳值）
var formJson = $("#doFormCreate").serialize();
使用serialize()的條件：有form，有name。
需要注意的是，序列化必須放在第三步的下面，因爲ajax傳遞的是formJson,如果第三步後執行，後臺無法獲取到隱藏域中的值。
*js控制checkbox選中$("#aa").prop("checked":true);id必須唯一，如果必須用id但是有不唯一，可以加上父節點$("#aa",$(""#bb)).prop("checked":true);
*ajax json寫死數據字段固定爲id和text.
*HTML5 js時鐘插件
```
<embed wmode="transparent" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf" quality="high" bgcolor="#ffffff" width="160" height="70" name="honehoneclock" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/Go/getflashplayer">
```
*js，css路徑放在WebContent（eclipse）或者WebRoot（myeclipse）下，不要放在WEB-INFO下，因爲WEB-INFO下是受保護的文件，默認情況下不允許被發現，所以放在該目錄下會導致無法找到js和css。
*jstl標籤${name }後面的空格不能少，否則可能出問題。
js禁止超鏈接跳轉
1.<a href="JavaScript:void(0);" >javascript:void(0);</a>
2.<a href="javascript:;" >javascript:;</a>
3.<a href=“#” >#</a> 跳轉到頁面的頂部
*js斷點：debugger;
*讓兩個div並排方法：一個有寬度的div包着兩個元素的style：float均設置爲left,或者display均設置爲inline，或者用一個大的div，將兩個div包圍，限定這個div寬度，第二個div向右懸浮再或者用table
*jQuery:Ajax返回的數據如果不是JSON而是JSON格式的字符串解析時需要用data = $.parseJSON(data);做處理，否則無法解析。
*判斷字符串是不是數字。
var str = "37";
var n = Number(str);
if (!isNaN(n))
{
alert("是數字");
}
注意：在 JavaScript 中，對於省略寫法（如：".3"、"-.3"）、科學計數法（如："3e7"、"3e-7"）、十六進制數（如："0xFF"、"0x3e7"）均被認定爲數字格式，這類字符串都可以用 Number 轉化成數字。
*jquery限制輸入字數
<div style="font-size: large;">推送內容</div>
<fieldset style="border-radius:5px;border-color:#CECECE;background-color:#F9F9F9">
<textarea rows="10" id="textArea" οnkeyup="words_deal()" style="width:99%;border-radius:5px;border-color:#D1D1D1;background-color:#F9F9F9;font-size: medium;"></textarea>
<div>您還剩下<span id="textCount" style="font-size: 20px;font-family: fantasy;">236</span>個漢字可以輸入</div>
</fieldset>
<script type="text/javascript">
function words_deal() {
var curLength = $("#textArea").val().length;
if (curLength > 236) {
var num = $("#textArea").val().substr(0, 236);
$("#textArea").val(num);
} else {
$("#textCount").text(236 - $("#textArea").val().length);
}
}
</script>
*JEECG的會把datagrid的field中的"_"轉成".",比如頁面的field="SHIFT_NAME",後臺接收的時候是“SHIFT.NAME”
*easyUI的data-options用，作爲分隔符;query：true上面顯示，hidden：false下面顯示
*原生js把輸入框中的內容自動複製到另一個輸入框
<INPUT type="text" name="a" id="a" οnkeyup="document.getElementById('b').value=this.value">
<INPUT type="text" name="b" id="b">
*js的方法裏多數沒有括號，比如取字符串str的長度，str.length而不是str.length()，頁面代碼與Java代碼還是有所區別的。
*ajax獲取信息成功或失敗都要有處理方法及success和error,如果只有success可能會出錯.
*如果提交按鈕是 type 是submit 的話， 驗證的時間要放在 form標籤的onsubmit事件裏 返回 true的話會提交表單，返回false的話就不會提交表單 ，如果 type 是button的 話需要用js來提交表單
*Jquery通過id或者class獲取屬性，用name也行，但是效率不高。
*什麼時候用post
*出現連續輸出可能是因爲輸入的是字符串，應該強制轉換爲整型等數字的形式；
*window對象包含了當前的腳本，因此它被作爲默認對象。但是，要注意的是當使用框架、層、多窗口時，或者在事件處理器中不能忽略window對象的名稱；
*如果在數字和字符串之間使用加號，數字會轉換成字符串並且進行連接操作；
*sort排序方法；
*js不嚴格區分單雙引號；
*<span><class>標籤和style連用，style放在script之外，head之內。
<span class="STYLE1">汪國真</span>，STYLE必須大寫。
<style type="text/css">
<!--
.//這一點很重要！STYLE1 {
font-size:16px;
font-weight:bold;
font-style:italic;
}
-->
</style>
*圖片超鏈接消去藍色外邊框：img標籤里加border=0，或者直接在css中
<style type="text/css">
img{border:0;}
</style>
*將表單中的信息經過檢驗傳遞到表格中只能使用getElementsByName不能用getElementsByid；
*將兩個十進制數數做異或運算想要將兩個數轉換爲二進制數再參與運算；
*要使document.writeln和"\n"發揮轉行作用要將其放到document.write("<pre>")和document.write("</pre>")中；
*支持onload的 HTML 標籤：<link>,<script>,<body>,<img>,<frame>,<frameset>,<iframe>支持該事件的JavaScript 對象：window,image, layer；
*關鍵字 this 總是指向調用該方法的對象，一般用別名；
*document對象不提供客戶最近訪問的url的列表；
*Math.round()(取整函數)方法你可以這樣理解：就是括號內的數+0.5之後，向下取值,正數加正，負數加負；
*訪問對象值要用字符串
*對象有原形prototype
*slice(a,b)表示左開右閉,即包含a,不包含b.
*js只保留整數，向上取整，四捨五入，向下取整等函數
http://www.ablanxue.com/shtml/201407/23258_1.shtml
*用jquery計算兩個日期之間的天數
http://blog.sina.com.cn/s/blog_a1aef8c501013znp.html
*js，css路徑放在WebContent（eclipse）或者WebRoot（myeclipse）下，不要放在WEB-INFO下，因爲WEB-INFO下是受保護的文件，默認情況下不允許被發現，所以放在該目錄下會導致無法找到js和css。
*常用的jquery獲取表單對象的屬性與值
http://www.cnblogs.com/thingk/archive/2013/03/01/2938957.html
*jstl標籤${name }後面的空格不能少，否則可能出問題。
*js禁止超鏈接跳轉
1.<a href="javascript:void(0);" >javascript:void(0);</a>
2.<a href="javascript:;" >javascript:;</a>
3.<a href=“#” >#</a> 跳轉到頁面的頂部
*網頁頁面實現自動刷新的3種代碼
http://blog.csdn.NET/mane_yao/article/details/5559255
*HTML 裏怎麼隱藏文本框
http://blog.csdn.Net/llxsharp/article/details/4285262
*js斷點：debugger;
*讓兩個div並排方法：兩個div的style：float均設置爲left,或者display均設置爲inline，或者用一個大的div，將兩個div包圍，限定這個div寬度，第二個div向右懸浮再或者用table
*jquery:Ajax返回的數據解析需要用data = $.parseJSON(data);做處理，否則無法解析。
*判斷字符串是不是數字。
var str = "37";
var n = Number(str);
if (!isNaN(n))
{
alert("是數字");
}
注意：在 JavaScript 中，對於省略寫法（如：".3"、"-.3"）、科學計數法（如："3e7"、"3e-7"）、十六進制數（如："0xFF"、"0x3e7"）均被認定爲數字格式，這類字符串都可以用 Number 轉化成數字。
*jquery限制輸入字數
<div style="font-size: large;">推送內容</div>
<fieldset style="border-radius:5px;border-color:#CECECE;background-color:#F9F9F9">
<textarea rows="10" id="textArea" οnkeyup="words_deal()" style="width:99%;border-radius:5px;border-color:#D1D1D1;background-color:#F9F9F9;font-size: medium;"></textarea>
<div>您還剩下<span id="textCount" style="font-size: 20px;font-family: fantasy;">236</span>個漢字可以輸入</div>
</fieldset>
<script type="text/javascript">
function words_deal() {
var curLength = $("#textArea").val().length;
if (curLength > 236) {
var num = $("#textArea").val().substr(0, 236);
$("#textArea").val(num);
} else {
$("#textCount").text(236 - $("#textArea").val().length);
}
}
</script>
*JEECG的會把datagrid的field中的"_"轉成".",比如頁面的field="SHIFT_NAME",後臺接收的時候是“SHIFT.NAME”
*easyUI的data-options用，作爲分隔符;query：true上面顯示，hidden：false下面顯示
*原生js把輸入框中的內容自動複製到另一個輸入框
<INPUT type="text" name="a" id="a" οnkeyup="document.getElementById('b').value=this.value">
<INPUT type="text" name="b" id="b">
*js的方法裏多數沒有括號，比如取字符串str的長度，str.length而不是str.length()，頁面代碼與Java代碼還是有所區別的。
*ajax獲取信息成功或失敗都要有處理方法及success和error,如果只有success可能會出錯.
*如果提交按鈕是 type 是submit 的話， 驗證的時間要放在 form標籤的onsubmit事件裏 返回 true的話會提交表單，返回false的話就不會提交表單 ，如果 type 是button的 話需要用js來提交表單
*Jquery通過id或者class獲取屬性，用name也行，但是效率不高。
*什麼時候用post
*出現連續輸出可能是因爲輸入的是字符串，應該強制轉換爲整型等數字的形式；
*window對象包含了當前的腳本，因此它被作爲默認對象。但是，要注意的是當使用框架、層、多窗口時，或者在事件處理器中不能忽略window對象的名稱；
*如果在數字和字符串之間使用加號，數字會轉換成字符串並且進行連接操作；
*sort排序方法；
*js不嚴格區分單雙引號；
*<span><class>標籤和style連用，style放在script之外，head之內。
<span class="STYLE1">汪國真</span>，STYLE必須大寫。
<style type="text/css">
<!--
.//這一點很重要！STYLE1 {
font-size:16px;
font-weight:bold;
font-style:italic;
}
-->
</style>
*圖片超鏈接消去藍色外邊框：img標籤里加border=0，或者直接在css中
<style type="text/css">
img{border:0;}
</style>
*將表單中的信息經過檢驗傳遞到表格中只能使用getElementsByName不能用getElementsByid；
*將兩個十進制數數做異或運算想要將兩個數轉換爲二進制數再參與運算；
*要使document.writeln和"\n"發揮轉行作用要將其放到document.write("<pre>")和document.write("</pre>")中；
*支持onload的 HTML 標籤：<link>,<script>,<body>,<img>,<frame>,<frameset>,<iframe>支持該事件的JavaScript 對象：window,image, layer；
*關鍵字 this 總是指向調用該方法的對象，一般用別名；
*document對象不提供客戶最近訪問的url的列表；
*Math.round()(取整函數)方法你可以這樣理解：就是括號內的數+0.5之後，向下取值,正數加正，負數加負；
*訪問對象值要用字符串
*對象有原形prototype
*slice(a,b)表示左開右閉,即包含a,不包含b.