Html篇
-
說說你所理解的語義化(舉幾個標籤例子)
section 定義文檔中的一個章節的內容
header 定義網頁頭部內容
footer 定義網頁尾部內容
nav 定義文檔包含連接的內容
答:
(1)去掉或者丟失樣式的時候可以讓頁面呈現出清晰的結構
(2)有利於SEO和搜索引擎建立良好溝通，有助於爬蟲爬取更多的信息。
(3)方便其他設備通過意義的形式解析(屏幕閱讀器，盲人閱讀器等)
(4)利於團隊開發和維護，語義化更具可讀性。 -
新標籤新特性
答：
emmmmmm 這個明天補上。 -
DOCTYPE有什麼作用？標準模式與混雜模式如何區分？它們有何意義?
答：
告訴瀏覽器以哪個版本的HTML規範來渲染文檔，DOCTYPE不存在會導致HTML文檔以混雜模式呈現。
標準模式是以瀏覽器支持的最高標準來運行。
混雜模式中頁面以一種比較寬鬆的向後兼容的模式呈現。
Css篇
- 盒模型
答：
是什麼？每個元素在頁面中被表示爲一個矩形的盒子，由四部分組成，內容(content),內邊距(padding),邊框(border),外邊距(margin)。它在頁面中實際佔有的大小爲content+padding+border+margin之和。
兩種盒模型的區別？有標準盒模型(W3C盒模型)和IE盒模型之分。
標準盒模型的內容大小爲：content的大小
IE盒模型的內容大小爲：content + padding + border
怎麼設置兩種盒模型：設置box-sizing屬性 content-box(爲標準盒模行) border-box(爲IE盒模型)
如果設置子元素的maring和border會破壞父元素的佈局時，就可以使用IE盒模型
-
flex佈局
答：。。。flex佈局裏面有了。 -
css單位
px 絕對單位：頁面按照精確像素展示
em 相對單位 其基點爲父元素font-size的大小，不是一個絕對值(瀏覽器默認字體大小爲16px)
rem 相對單位 可以理解爲 root em 根據根元素HTML爲基點font-size大小來確定字體大小 -
頁面導入樣式時，使用link和@import有什麼區別？
Js篇
- 原型 原型鏈
原型是function對象的一個屬性，它定義了構造函數創造出對象的共有祖先，通過構造函數產生的對象可以繼承該原型的屬性和方法。
原型對象 Person.prototype 可以在上面添加一些屬性和方法，我們封裝鏈表呀就是在原型上添加方法。
構造函數屬性 constructor 默認實例的constructor屬性指向構造函數
原型應用可以避免了工廠模式繁瑣的每次添加同一個屬性，而是可以直接添加到原型鏈上供所有實例使用。
proto 內置屬性：實例的__proto__屬性指向構造函數的原型對象
原型鏈
Father.prototype.age = 18;
function Father(){
this.name = ‘xxx’
}
Son.prototype = new Father();
function Son(){
}
var son = new Son();
當son實例訪問age和name屬性時，首先發現自身沒有便會通過自己的__proto__屬性找到構造函數Son的原型對象指向father的實例，這時候可以集成到了name屬性，再網上繼承可以集成到原型鏈上的age屬性。
- 構造函數
構造函數(車廠模式)爲了避免重複定義一些相同key值的數據。
function Car(color,name){
this.color = color;
this.name = name;
}
通過關鍵字new來創建對象
var car1 = new Car(‘red’,‘BMW’);
使用new操作符的時候發生了什麼？
1.var obj = {};
創造了一個新的對象
2.obj.proto = Person.prototype
讓新對象的內置屬性__proto__指向Person.prototype將新生成的對象的__prop__屬性賦值爲構造函數的prototype屬性，使得通過構造函數創建的所有對象可以共享相同的原型。
3.Person.call(obj)
將構造函數的作用域賦給新對象，因此Person函數中的this指向新對象obj
4.return obj;
返回這個新對象
- js數據類型判斷
1.typeof 返回的有 null undefined Object Number String Boolean Symbol function
缺點不能準確的返回引用值的精確類型
2.instanceof
instanceof用來判斷A是否爲B的實例，表達式爲：A instanceof B，如果A是B的實例，則返回true，否則返回false。
3.constructor
實例的constructor屬性指向他的構造函數
4.Object.prototype.toString()
toString()是Object的原型方法，調用該方法，默認返回當前對象的[[Class]]。這是一個內部屬性，其格式爲[object Xxx],其中Xxx就是對象的類型。
Object.prototype.toString.call(“str”); [Object String];
瀏覽器篇
- 瀏覽器內核？
五大主流瀏覽器
IE、Firefox、Chrome、Safari、Opera
內核：
1、IE瀏覽器內核：Trident內核，也是俗稱的IE內核；
2、Chrome瀏覽器內核：以前是Webkit內核，現在是Blink內核；
3、Firefox瀏覽器內核：Gecko內核，俗稱Firefox內核；
4、Safari瀏覽器內核：Webkit內核；
5、Opera瀏覽器內核：最初是自己的Presto內核，後來是Webkit，現在是Blink內核；