天天看點

彈窗demo優化更新(彈窗+拖動+ajax)

1、拖動時标題不可選的CSS:

需要相容各個浏覽器字首的快捷鍵:-name +Tab,比如-user-select(+Tab)

2、送出功能:用ajax 

(1)盡量減少AJAX請求次數,不當使用AJAX會影響網站性能。用JS判定所填資料正确後再用AJAX,盡量不要在AJAX裡面大量判定。 

(2)ajax格式:

(3)$.ajax()方法是最低層的Ajax實作

(4)模拟中,code:0表示ajax請求成功

3、tangkuang.js的jQuery優化 

(1)offset().left、offset().right是相對于文檔的偏離

(2)bug優化:對于用上offset().left、offset().right出現內插補點的問題。 

原因分析:CSS和jQuery沒有配合上,CSS裡面設了margin:30px 0産生幹擾,相當于距離上下30px、左右0px,應該在mousemove的時候,margin應該置0。 

而不能提早到mousedown的時候,因為這樣滑鼠點了還沒有移動的時候就會産生偏移。

(3)CSS()中可以沒有機關

(4)原生JS的offsetLeft和offsetTop在每個浏覽器中的解釋有出入

4、indexOf() 

傳回指定的子串在另一個字元串中的位置,不存在就是-1,從0開始。

5、實戰經驗學習:要先和PHP商定好參數

6、+function(){}():使解析器正确的調用定義函數 

(1)+、-最快 

(2)new最慢 

7、$.Deferred():延遲到未來某個點再執行 

8、定義的jQuery參數盡量加$,标志這是一個對象