2016年我的面試面試題總結【答案】

 

 

html、css相關

一、Web標準以及w3c的理解

http://blog.sina.com.cn/s/blog_1550008360102wse0.html

 

二、在哪些瀏覽器測試過，他們的內核是什麼

IE內核->IE、360

Webkit ->Chrome、Safari

Gecko->火狐Firefox

 

三、行內元素和塊元素有哪些

行內元素：a  b  span  i  select  label  input textarea  img  strong font em

塊元素 : div ul ol li dl dt dd h1 h2 h3 h4…p  

 

四、Xhtml 和html區別

HTML是一種基本的WEB網頁設計語言，XHTML是一個基於XML的置標語言，XHTML就是一個扮演着相似HTML的角色的XML，本質上說，XHTML是一個過渡技術

簡單來講，XHTML 能夠認爲是 XML 版本的 HTML，爲符合 XML 要求，XHTML 語法上要求更嚴謹些。 好比:

全部標籤必須小寫 

標籤必須成雙成對

標籤順序必須正確

全部屬性都必須使用雙引號

a標籤不容許使用target="_blank"

 

五、前端性能優化有哪些

儘量減小http請求數量

使用cdn(內容分發網絡)

添加expire/cache-control頭

啓用Gzip壓縮

將css放在頁面最上面

將script放在頁面最下面

避免在css中使用expressions表達式

把javascript和css放在外部文件

減小dns查詢

壓縮js、css文件

 

 

六、說說盒子模型

標準的CSS盒子模型包括：內容(content)、填充(padding)、邊框(border)、邊界(margin)

 

 

七、web語義化的理解

具體來講，就是在書寫html時，儘可能使用具備語義信息的標籤，例如header,nav,aside,section等代替那些沒有語義信息的標籤，例如big,center,strike,font等（徹底能夠用css來取代的標籤）。這樣不只有利於頁面DOM的組織，也有利於機器（主要是搜索引擎）的理解。
而語義網的目標就是爲了使得網絡上的信息更加容易被機器理解和查找，從而提高人類使用網絡獲取信息的體驗。

 

八、html5新增了哪些標籤

新的特殊元素內容，好比 article、footer、header、nav、section

新的表單控件，好比 calendar、date、time、email、url、search

用於繪畫的 canvas 元素

媒體 video 、audio 

 

九、css3新增了哪些

 

 

 

僞元素有哪些  僞類呢

怎麼作屏幕適配

塊元素行內元素有哪些 他們的區別以及怎麼讓快元素設置爲行內元素和行內元素設置爲塊元素

header中的meta元素能夠設置哪些

 

Javascript、node相關

什麼是錯誤優先的回調函數

如何避免回調地獄

運算錯誤和程序員錯誤的區別

哪些工具能夠用來保證一致性的代碼風格

node有哪些核心模塊

寫一個函數來實現一下最基本的閉包

說說對原型鏈的理解，以及主要的做用

說說js的事件委託

underfind  null的區別   0呢

ajax get和post區別

js中 ==和===的區別

let  const區別

es6箭頭函數的做用

import和export輸出

http請求過程

寫過插件嗎

輸入框聯想記憶查詢實現方式
Jsonp 跨域解決方法
輪播圖的實現思路
冒泡事件
對事件委託的理解
事件綁定有哪些方法

Js中有哪些事件

對html 文檔元素進行統計包括元素的數量
小圓點訂單實時刷新的實現

瀏覽器保存數據有哪幾種方法
Html5localstroge 以前用的什麼方法
Cookie 和session 的區別

瞭解javascript的Promises嗎

 

Vuejs相關

vuejs能夠對對象進行遍歷嗎  怎麼模擬實現

vuejs生命週期鉤子函數  created函數以前有其餘函數嗎  ，假如在以前要作其餘事情

vuejs中if-else  和if-show的區別

vuejs中怎麼對搜索引擎seo進行優化

vuejs中的props和slot的用法

Vue的原理以及生命週期

橫着依次排列四張圖片，怎麼作自適應佈局使得圖片的高等於圖片的寬，在vuejs中實現

 

其餘

重點介紹一個項目 ，用到了哪些技術

項目中作了哪些性能優化

在項目中使用Sass less 預編譯工具了沒

svg和canves區別