項目過程當中的小學習

1.將多個同類元素分行，每一行有兩個或者多個元素，可用li標籤實現此

<li>
                  <label for="height">身高</label>
                  <input type="checkbox" name="questionItem" value="8" id="height">
                  <label for="weight">體重</label>
                  <input type="checkbox" name="questionItem" value="5" id="weight">
                </li>
                <br/>
                <li>
                  <label for="bodyfat">體脂</label>
                  <input type="checkbox" name="questionItem"value="9" id="bodyfat">
                  <label for="bodytem">體溫</label>
                  <input type="checkbox" name="questionItem" value="4" id="bodytem">
                </li>

效果以下：

2.適配專用代碼：
<!-- 移動端適配 -->

<script>
    if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
      var version = parseFloat(RegExp.$1);
      if (version > 2.3) {
        var phoneScale = parseInt(window.screen.width) / 375;
        document.write('<meta name="viewport" content="width=375, minimum-scale = ' + phoneScale +
          ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
      } else {
        document.write('<meta name="viewport" content="width=375, target-densitydpi=device-dpi">');
      }
    } else {
      document.write('<meta name="viewport" content="width=375, user-scalable=no, target-densitydpi=device-dpi">');
    }
  </script>

3.HTML 5 <input> placeholder 屬性

定義和用法

placeholder 屬性提供可描述輸入字段預期值的提示信息（hint）。（淺灰色呈現）

該提示會在輸入字段爲空時顯示，並會在字段得到焦點時消失。

註釋：placeholder 屬性適用於如下的 <input> 類型：text, search, url, telephone, email 以及 password。

js的 window.load 和window.onload 有什麼區別

JavaScript 中的如下代碼 :
Window.onload = function (){// 代碼 }
等價於
Jquery 代碼以下：
$(window).load(function (){// 代碼 });

執行時機
window.load——必須等待網頁中全部的內容加載完畢後 ( 包括圖片 ) 才能執行
$(document).ready()——網頁中全部 DOM 結構繪製完畢後就執行，可能 DOM 元素關聯的內容並無加載完

編寫個數
window.load——不能同時編寫多個如下代碼沒法正確執行：
window.onload = function(){ alert(「text1」);};window.onload = function(){ alert(「text2」);};//結果只會輸出第二個
$(document).ready()——能同時編寫多個如下代碼正確執行：
$(document).ready(function(){ alert(「Hello World」);});$(document).ready(function(){ alert(「Hello again」);});
結果兩次都輸出

以 瀏覽器裝載文檔爲例，在頁面加載完畢後，瀏覽器會經過 Javascript 爲 DOM 元素添加事件。在常規的 Javascript 代碼中，一般使用 window.onload 方法，而在 Jquery 中，使用的是$(document).ready() 方法。 $(document).ready() 方法是事件模塊中最重要一個函數，能夠極大的提升Web 應用程序的速度。另外，須要注意一點，因爲在 $(document).ready() 方法內註冊的事件，只要 DOM 就緒就會被執行，所以可能此時元素的關聯文件未下載完。例如與圖片有關的 html 下載完畢，而且已經解析爲 DOM 樹了，但頗有可能圖片尚未加載完畢，因此例如圖片的高度和寬度這樣的屬性此時不必定有效。要解決這個問題，可使用 Jquery 中另外一個關於頁面加載的方法 ---load() 方法。Load() 方法會在元素的onload 事件中綁定一個處理函數。若是處理函數綁定給 window 對象，則會在全部內容 ( 包括窗口、框架、對象和圖像等 ) 加載完畢後觸發，若是處理函數綁定在元素上，則會在元素的內容加載完畢後觸發。總結：js:window.onload頁面一運行就執行該函數，執行該函數時，可能頁面中的圖片尚未加載完成！jquery： $(window).load()頁面中的圖片或其它東西加載完成以後，執行該函數。