前端面試題整理

1.HTML5的新特性。

主要講講新增哪些API:地理定位，拖放，web存儲應用緩存，webworkers， sse 。 http://www.w3school.com.cn/html5/html_5_intro.asp

2.CSS3的新特性。

https://segmentfault.com/a/1190000010780991

三、使用嚴格模式的限制有哪些。

http://www.jianshu.com/p/46ed3230a169

四、什麼是同源？什麼狀況下就屬於跨域？怎麼解決跨域說出三種以上的方法，jsonp原理是什麼。

https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy。
同源：協議，域名，端口相同
方法一：cors https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS。
方法二：jsonphttp://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html

五、ES5中的繼承怎麼繼承的？

借用構造函數繼承、組合繼承、原型式繼承、寄生式繼承、寄生組合式繼承

六、什麼是promise對象？

見阮一峯：《ECMAScript6入門》

七、ES6你用過哪些新特性？

https://segmentfault.com/a/1190000010230939

八、箭頭函數與普通函數區別？

箭頭函數：  自己不產生this對象，共享父級this對象
          自己沒有arguments，共享父級arguments
          不能做爲構造函數

九、let聲明與var聲明的區別？

let:不存在變量提高、存在塊級做用域、不能夠重複聲明。

十、如何設置錨點？

http://www.jianshu.com/p/5cab8c2608ce

十一、作過哪些靜態網頁的網頁優化？

http://www.cnblogs.com/sprying/p/4251682.html

十二、cookie怎麼存取數據的。

setCookie、getCookie、deleteCookie

1三、數組的splice、slice的區別，substring與substr的區別。

splice與slice的區別：
一、slice方法會建立一個或多個數組，在新的數組上進行操做。splice方法是在原數組上進行操做。
二、若是傳入兩個方法傳入的都是兩個參數，slice方法的第一個參數是截取的起始位置，第二個參數是截取的結束位置。splice方法的第一個參數也是截取的起始位置，第二個參數是截取的個數。
substring和substr的區別：
兩個都是截取字符串，若是出入的是兩個參數，substring的第一個參數是截取的起始位置，第二個參數是截取的結束位置，substr的第一個參數是截取的起始位置，第二個參數是截取的個數。

1四、如何設置一個未知寬、高的對話框在頁面中絕對居中。

用彈性盒子，設置display:flex;justify-content:center;align-items:center;

待後續更新。。。