HTML+CSS1.對WEB標準以及W3C的理解與認識？（1）web標準規范要求，書寫標簽必須閉合、標簽小寫、不亂嵌套，可提高搜索機器人對網頁內容的搜索幾率；（2）建議使用外鏈css和js腳本，從而達到結構與行為、結構與表現的分離，提高頁面的渲染速度，能更快地顯示頁面的內容；（3）樣式與標簽的分離，更合理的語義化標簽，使內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件，從而降低維護成本、改版更方便；（4）不需要變動頁面內容，便可提供打印版本而不需要復制內容，提高網站易用性；遵循w3c制定的web標準，能夠使用戶瀏覽者更方便的閱讀，使網頁開發者之間更好的交流。2.xhtml和html有什么區別?HTML是一種基本的WEB網頁設計語言，XHTML是一個基于xml的置標語言；最主要的不同：XHTML 元素必須被正確地嵌套。XHTML 元素必須被關閉。標簽名必須用小寫字母。XHTML 文檔必須擁有根元素。3.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?用于聲明文檔使用那種規范（html/Xhtml）一般為嚴格過度基于框架的html文檔加入XMl聲明可觸發，解析方式更改為IE5.5擁有IE5.5的bug4.行內元素有哪些?塊級元素有哪些?CSS的盒模型?塊級元素：div p h1 h2 h3 h4 form ul行內元素: a b br i span input selectCss盒模型:內容，border ,margin，padding5.CSS引入的方式有哪些? link和@import的區別是?內聯內嵌外鏈導入區別：同時加載前者無兼容性，后者CSS2.1以下瀏覽器不支持Link 支持使用javascript改變樣式，后者不可6.CSS選擇符有哪些?哪些屬性可以繼承?優先級算法如何計算?內聯和important哪個優先級高?標簽選擇符類選擇符 id選擇符繼承不如指定 Id>class>標簽選擇后者優先級高7.前端頁面有哪三層構成，分別是什么?作用是什么?結構層 Html 表示層 CSS行為層js8.css的基本語句構成是?選擇器{屬性1:值1;屬性2:值2;……}9.你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么?Ie(Ie內核)火狐（Gecko）谷歌（webkit）opear(PResto)10.寫出幾種IE6 BUG的解決方法1.雙邊距BUG float引起的使用display：inline；2.3像素問題使用float引起的使用dislpay:inline -3px或者margin-right:-3px3.超鏈接hover點擊后失效使用正確的書寫順序 link visited hoveractive；4.Ie z-index問題給父級添加position:relative；5.Png 透明使用js代碼改；6.Min-height 最小高度！Important解決’；7.select 在ie6下遮蓋使用iframe嵌套；8.為什么沒有辦法定義1px左右的寬度容器（IE6默認的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）；11.標簽上title與alt屬性的區別是什么?alt屬性是在你的圖片因為某種原因不能加載時在頁面顯示的提示信息，它會直接輸出在原本加載圖片的地方；title屬性是在你鼠標懸停在該圖片上時顯示一個小提示，鼠標離開就沒有了，有點類似jQuery的hover，你可以自己試試，另外，HTML的絕大多數標簽都支持title屬性，title屬性就是專門做提示信息的；12.描述css reset的作用和用途？Reset重置瀏覽器的css默認屬性，瀏覽器的品種不同，樣式不同，然后重置，讓他們統一。例如（有最簡單的*{margin:0;  padding:0}）；13.解釋css sprites，如何使用。Css 精靈把一堆小的圖片整合到一張大的圖片上，減輕服務器對圖片的請求數量；14.瀏覽器標準模式和怪異模式之間的區別是什么?所謂的標準模式是指，瀏覽器按W3C標準解析執行代碼；怪異模式則是使用瀏覽器自己的方式解析執行代碼，因為不同瀏覽器解析執行的方式不一樣，所以我們稱之為怪異模式。瀏覽器解析時到底使用標準模式還是怪異模式，與你網頁中的DTD聲明直接相關，DTD聲明定義了標準文檔的類型（標準模式解析）文檔類型，會使瀏覽器使用相應的方式加載網頁并顯示，忽略DTD聲明,將使網頁進入怪異模式(quirks mode)。盒子模型渲染模式的不同使用 window.top.document.compatMode可顯示為什么模式15.你如何對網站的文件和資源進行優化?期待的解決方案包括：文件合并文件最小化/文件壓縮使用CDN托管緩存的使用16.什么是語義化的HTML?語義化的HTML就是寫出的HTML代碼，符合內容的結構化（內容語義化），選擇合適的標簽（代碼語義化），能夠便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析?！　?.語義化有利于SEO，有利于搜索引擎爬蟲更好的理解我們的網頁，從而獲取更多的有效信息，提升網頁的權重?！　?.在沒有CSS的時候能夠清晰的看出網頁的結構，增強可讀性?！　?.便于團隊開發和維護，語義化的HTML可以讓開發者更容易的看明白，從而提高團隊的效率和協調能力?！　?.支持多終端設備的瀏覽器渲染。（總結：直觀的認識標簽對于搜索引擎的抓取有好處）17.清除浮動的幾種方式，各自的優缺點1.使用空標簽清除浮動 clear:both（理論上能清楚任何標簽，，，增加無意義的標簽）2.使用overflow:auto（空標簽元素清除浮動而不得不增加無意代碼的弊端,,使用zoom:1用于兼容IE）3.是用afert偽元素清除浮動(用于非IE瀏覽器)Javascript1.javascript的typeof返回哪些數據類型Object、number、 function、boolean、 underfind2.例舉3種強制類型轉換和2種隱式類型轉換?強制（parseInt,parseFloat,number）隱式（== – ===）3.split() join() 的區別split()方法：用于把一個字符串分割成字符串數組.join() 方法用于把數組中的所有元素放入一個字符串。（總結：前者是切割成數組的形式，后者是將數組轉換成字符串）；4.數組方法pop() push() unshift() shift()Push()尾部添加； pop()尾部刪除；Unshift()頭部添加； shift()頭部刪除；5.事件綁定和普通事件有什么區別？事件綁定就是針對dom元素的事件，綁定在dom元素上普通事件即為非針對dom元素的事件；例如：普通事件            var btn =document.getElementById("hello");            btn.onclick = function(){                alert(1);            };            btn.onclick = function(){                alert(2);            };                                             //這個事件只會彈出2；事件綁定            var btn = document.getElementById("hello");           btn.addEventListener("click",function(){                alert(1);            },false);           btn.addEventListener("click",function(){                alert(2);            },false);                                  //這個事件首先會彈出1，然后在彈出2；6.IE和DOM事件流的區別？              1.執行順序不一樣；2.參數不一樣；3.事件加不加on；4.this指向問題；7.IE和標準下有哪些兼容性的寫法Var ev = ev || window.eventdocument.documentElement.clientWidth || document.body.clientWidthVar target = ev.srcElement||ev.target8.Ajax請求的時候get和post方式的區別？1、get是把參數數據隊列加到提交表單的ACTION屬性所指的URL中，值和表單內各個字段一一對應，在URL中可以看到；      post是通過HTTP post機制，將表單內各個字段與其內容放置在HTML HEADER內一起傳送到ACTION屬性所指的URL地址。用戶看不到這個過程；2、Get請求有如下特性：它會將數據添加到URL中，通過這種方式傳遞到服務器，通常利用一個問號？代表URL地址的結尾與數據參數的開端，后面的參數每一個數據參數以“名稱=值”的形式出現，參數與參數之間利用一個連接符&來區分。      Post請求有如下特性：數據是放在HTTP主體中的，其組織方式不只一種，有&連接方式，也有分割符方式，可隱藏參數，傳遞大批數據，比較方便。3、get傳送的數據量較小，不能大于2KB；      post傳送的數據量較大，一般被默認為不受限制。但理論上，因服務器的不同而異.4、get安全性非常低，post安全性較高；（總結：一個在url后面一個放在虛擬載體里面有大小限制安全問題應用不同一個是論壇等只需要請求的，一個是類似修改密碼的）9.call和apply的區別？相同點:兩個方法產生的作用是完全一樣的不同點:方法傳遞的參數不同Object.call(this,obj1,obj2,obj3)調用一個對象的一個方法，以另一個對象替換當前對象Object.apply(this,arguments)應用某一對象的一個方法，用另一個對象替換當前對象。10.ajax請求時，如何解釋json數據？使用eval parse鑒于安全性考慮使用parse更靠譜11.b繼承a的方法？b.prototype=new a;12.寫一個獲取非行間樣式的函數function getStyle(obj,attr,value){if(!value){if(obj.currentStyle){return obj.currentStyle(attr)}else{obj.getComputedStyle(attr,false)}}else{obj.style[attr]=value}}13.事件委托是什么？讓利用事件冒泡的原理，讓自己的所觸發的事件，讓他的父元素代替執行！事件委托就是事件目標自身不處理事件，而是把處理任務委托給其父元素或者祖先元素，甚至根元素（document）；jQuery為綁定和委托事件提供了.bind()、.live()和.delegate()方法；http://www.tuicool.com/articles/zQVvau  例子可見此鏈接14.閉包是什么，有什么特性，對頁面有什么影響？閉包就是能夠讀取其他函數內部變量的函數。http://blog.csdn.net/gaoshanwudi/article/details/7355794此鏈接可查看（問這個問題的不是一個公司）15.如何阻止事件冒泡和默認事件？canceBubble return false查看  http://www.2cto.com/kf/201412/359961.html  案例16.添加刪除替換插入到某個接點的方法？obj.appendChidl()obj.innersetBeforeobj.replaceChildobj.removeChild17.解釋jsonp的原理，以及為什么不是真正的ajax？動態創建script標簽，回調函數Ajax是頁面無刷新請求數據操作18.javascript的本地對象，內置對象和宿主對象？本地對象為array obj regexp等可以new實例化內置對象為gload Math 等不可以實例化的宿主為瀏覽器自帶的document,window等19.document load 和document ready的區別？Document.onload 是在結構和樣式加載完才執行jsDocument.ready原生種沒有這個方法，jquery中有$().ready(function)20.”==”和“===”的不同?前者會自動轉換類型后者不會21.javascript的同源策略?一段腳本只能讀取來自于同一來源的窗口和文檔的屬性，這里的同一來源指的是主機名、協議和端口號的組合22.編寫一個數組去重的方法。function oSort(arr){var result ={};var newArr=[];for(var i=0;i<arr.length;i++){if(!result[arr]){newArr.push(arr)result[arr]=1}}return newArr}

WEB前端學習交流群21 598399936