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