第一個項目學習點記錄

時間 2019-11-18

標籤第一個項目學習記錄简体版

原文原文鏈接

1.<button class="savebtn" onclick="return save_cert()"/>html

在FF、IE8等瀏覽器上表現都是正常的，可是在IE10會奇怪的出現兩次提交現象。通過調試，發現須要修改button的默認類型爲button才能在IE10下只作一次提交。java

緣由：IE10之前，button的默認類型時button，可是到10之後默認類型編程submit了，因此出現了兩次提交jquery

2.一些書寫規範： 1.代碼對齊web

2.樣式提取：包括字體，浮動等等數據庫

3. 根據可維護性來選擇佈局方式編程

4.字符串的拼接：1.最好按標籤來隔斷json

2.最外面放單引號，裏面放雙引號跨域

5.jquery的鏈式寫法時若是長度過長時，換行表示瀏覽器

6.命名規範安全

1.若是是涉及js的類能夠用"J-xx"的形式來區分

2.去判斷是否是：isxxx

3.template,getTmp等

3. 使用jquery-qrcode生成二維碼。

4.將圖片轉成base64有什麼好處：能夠做爲文本處理，好比放到數據庫裏的text字段裏，只能傳輸或處理文本字符的模塊，減小http請求...等。

5.點擊驗證碼進行60s倒計時時，Firefox會記憶點擊時的disabled屬性，就是說第二次刷新時就點擊不了了。能夠設置autocomplete="off"，屬性就能夠了。

6.input設置了disabled之後，設置其disabled時的樣式，IE9及其如下版本沒法改變其顏色。能夠將disabled改爲readonly（也很差，師傅說無論了）。若是要將其刪除，不要用removeprop(),最好是prop("disabled",false)。

7.開啓本地服務器的狀態下，要用絕對路徑代替相對路徑。

8.不一樣協議，不一樣域名，不一樣端口，甚至是主域下的子域都會涉及跨域，這時候能夠考慮用JSONP。（這是由於瀏覽器的安全策略）。jsonp的能執行的要素是一.script標籤有跨域能力、二.script能執行腳本。

9.用到了validate標籤：個人目標是點擊驗證碼只驗證手機號，點擊登陸時能驗證手機號和驗證碼格式。

1.只驗證手機號：$("#J-form").validate().element($("#J-phone"));

2.對隱藏元素的驗證：添加 ignore:""，由於默認狀況下是不校驗隱藏元素的。

我推薦看 http://www.runoob.com/jquery/jquery-plugin-validate.html 比較清楚一點。

10.這兩天比較閒，把剛開始來的時候的考覈頁面又拿出來寫了一下，才發現。。。之前原來更菜誒~~

中間遇到了些問題，懶得挪，寫在這啦。

1.用模板動態生成的html沒法實現js事件實現不了？

原來我用的是事件綁定，改爲事件代理就能夠了。（綁定的父元素得是頁面中原來就有的）。

11.當form表單裏中只有一個文本框時，按enter鍵會自動提交。查了說添加一個隱藏的<input type="text"/>，很差使，仍是添加事件，而後return false能夠了。

12.表單序列化：

http://www.tuicool.com/articles/InYNJ3

var data = $("#J-form").serializeObject()；

data是一個json，是能夠增刪改的~~

13.

1.隱藏域的使用：<input type="hidden" value=''xxx"></input>

2.自定義屬性的使用：如：<a href="##" data-id="xx" class=''xx"></a>

動態渲染數據的時候很好用

14.今天打算學習iscroll.js來開發移動端的分頁組件

http://www.cnblogs.com/duanhuajian/archive/2013/04/08/3008323.html

http://wiki.jikexueyuan.com/project/iscroll-5/scrollers.html

比較詳細的介紹

15.動態添加的圖片的原始數據的獲得：

1.須要建立一個images對象

2.指定圖片的路徑

3.要在圖片加載完成以後執行

load({function(){

var height=this.height;//圖片的原始高度

}})；

我作的時候會屢次執行load裏面的函數，須要在綁定前先解綁，由於每下載一個圖片都會執行裏面的回調函數。

16.svn的使用：1.刪除或者添加要先本地刪除，而後再提交

2.更新時要觀察有沒有衝突，找到衝突位置，刪除後更新

17.若是503之類的能夠：1.先將代碼更新。2.關閉eclipse。3.在java部分刷新。4.從新開啓。

18.get和post的區別：1.get是明的，數據在url上可見，有長度限制。2.post是暗的，數據保存在http頭裏面，更加安全

19.$.extend的理解：

http://www.jb51.net/article/51079.htm

http://caibaojian.com/jquery-extend-and-jquery-fn-extend.html

20.能夠用jsonlint來校驗json的正確性

21.js動態加載內容，同時須要對加入的內容綁定點擊事件，使用on()方法，而on 對同一個元素屢次綁定同一個事件的時候，這個事件就會執行屢次。

這時候須要在每次綁定事件以前，對該事件解綁，也就是$('#btn').off('click') ，off方法解綁。

22.validate插件中添加自定義驗證方法

jQuery.validator.addMethod("isPosition",function(value,element){//value是被驗證元素的值，element被驗證元素
             var isPosition;
             if(value == "0"){
                isPosition = false;
             }else{
                 isPosition = true;
             };
             return isPosition;
         },"請輸入具體位置");

23.去除input先後空格

$(".b_slideToggle input").bind("blur",function(){  
        var result=$(this).attr("value").replace(/(^\s*)|(\s*$)/g, "");  
        $(this).attr("value",result);  
    });

24.婦女節麼麼噠~~這兩天在學習fiddler抓包

http://www.cnblogs.com/TankXiao/archive/2012/04/25/2349049.html

學習中~~

25.http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html

插件入門，寫的特別好，很清楚