少見的問題

【button的寬高跟別的行內塊元素有區別】
一、<input type="buttom"></input>   和 <button></button>

button屬性的元素會自帶相似box-sizing:border-box屬性；
若是設置固定寬度在外加padding值，寬高=padding值+內容寬高

【js中不經過getElementById獲取ID或者標籤】
一、js中不經過getElementById獲取ID或者標籤也能夠在頁面中直接調用dom元素節點定義的id值

eg   // var id = document.getElementById('id');

    console.log(id);   最終結果也是輸出指向該id的dom節點，緣由是JS是在瀏覽器解析的並且JS是弱的編程語言，因此能夠寫得比較隨意

【小盒子絕對定位設置高度100%就是視口（一屏）的高度】
一、小盒子的層層父級都沒有定位，那麼當小盒子絕對定位後並設置高度100%，那麼小盒子實際高度爲視口的高度（至關於body.clientHeight的高度）

    當父級有定位的時候，子盒子的高度百分比必定是根據父級基數計算

eg:    html,body {
            width: 100%;
            height: 100px;
        }
        .wrap {
            width: 400px;
            height: 100%;
            background-color: pink;
            position: absolute;       //實際高度爲視口的高度並非body的100px
        }

【函數裏變量名與形參衝突】
一、當函數裏變量名與形參衝突，按順序由上到下檢查，最後輸出會是變量的值
eg:
    (function an(a){
        console.log(a);    // 1
        var c = a;
        var a = 4;
        var b = a;
        console.log(c);   // 1
      console.log(b);   // 4
      })('1')
    

【電腦的運行所謂多線程操做原理】
一、實際上當電腦同時打開遊戲，音樂，電影，計算機是經過調頻操做完成同時打開程序，也就是仍是單線程，但爲何能夠同時運做，就是調頻操做
    就是遊戲運行0.0幾毫秒，音樂用下一個0.0幾毫秒，電影用下一個0.0幾毫秒，不斷的跳，在普通用戶看就感受是同時打開，但其實並非多線程

【面試】

function show(){
     alert(1);
}    
alert(show());       //  1  ---->   undefine  (由於show函數沒有返回值)

(function(){}());  和   (function(){})()  同樣理解   ()裏面的東西都是封閉的

【網頁上富文本編輯器】（能在網頁任何地方編寫東西）
一、在控制檯上 輸入document.body.contentEditable = true   

【this】
只要有閉包事件，它的調用者就是window,this就指向window，沒有任何特殊狀況

【塊級元素裏面的「行內塊」元素的背景圖不垂直居中顯示】

一、正常狀況有（行高）的塊級元素裏面包着行內塊元素，行內塊元素有背景圖，背景圖會垂直居中顯示
    但若是行內塊元素裏面也有文字，那麼背景圖就不會垂直居中顯示，而是向上顯示，緣由是文字的存在，致使背景被擠走
        ****解決辦法在行內塊元素內在從新定義行高等於行內塊元素的高度

【script做爲模板】
一、<script type="text/template" id="demo">

給 script 設置type= text/template ,標籤裏面的內容不會被執行,也不會顯示在頁面上,可是能夠在另外一個script裏面經過獲取