Base Prepration:

作為一名Web前端開發工程師，應該要有自己的個人作品（如個人網站之類），博客，和所關注的用于學習和分享Web前端技術的社區或貼吧（如github, w3cschool等）。

?

面試之“閑扯”：

1. 你覺得前端是做什么的？

2. 你在之前的工作中都做哪些前端相關的工作，工作流程是什么？

3. 未來的職業規劃？

4. 對加班怎么看？

?

面試之主角兒--題：

雖然是招的三年工作經驗的Web前端工程師，但是越知名的公司，面試的好像越是基礎的東西。

　　Javascript -- web前端新技術層出不窮，所以掌握好原生JS是關鍵，基本所有公司都會考到原生JS相關的核心知識

???? 　　原型鏈

?????????? 閉包

　　　??有哪幾種繼承的方式，各自的優勢與劣勢

　　　??如何將JQuery對象轉化為JS對象

?????????? 原生Ajax怎樣寫

?????????? 關于DOM操作的那些方法，如DOM元素的查找、添加、刪除等

? 　　　事件委托

　　Ajax

???????????異步調用的好處

?????????? 原生Ajax怎樣寫，JQuery中怎樣寫

?????????? Ajax在什么情況下會執行success, 什么時候會執行error

?????????? Ajax都能返回哪些類型的數據，你用得較多的是哪種，是在什么情況下用到的

?　　??怎樣解決ajax不能跨域的問題

　　???? 有哪些域？

?????????? 圖片上傳有哪些方法，ajax是怎樣將圖片進行上傳的

　　CSS

　　　　盒模型是什么，有哪幾種　

　　　　我們平時所指的寬和高是什么

　　　　平時工作中都要兼顧哪些瀏覽器，IE兼顧的最低版本是IE幾

　　　　你平時遇到了哪些經典的瀏覽器不兼容問題，怎樣解決的　　

????????????你平時都是怎么實現頁面布局的，用到了哪些CSS屬性（如float, position）

　　　　DOM layout 排列--怎樣實現水平豎直都居中

??????????? DOM layout 排列--怎樣實現如圖所示的布局　　?　　　

??　 　　Position屬性有哪幾個值，區別是什么

????????????頁面浮動是用來做什么的，怎么清除浮動

????????????CSS3的新特性

　　HTML

?　　　W3C的標準和Web語義化

??????????? Doctype的作用，有哪些值

　　　　DTD有哪些值

　　　　Frame的好處與欠缺點

　　　　HTML5有哪些新特性，刪除了哪些元素，增加了哪些元素

　　　　HTML5畫布

　　JQuery--編程算法題

　　　　在頁面打印出一個倒三角的99乘法表

??????????? 在數組['a','cda',['gfd','jhgahganbaa',['bv','fd',['fda','klj'],'aiyo']],'tew']中找出字符a出現的次數

??????????? 冒泡排序

　　　　100個臺階，一次只能走1，2，3個臺階，有幾種走法？

　　以上是基礎的技術，接下來是拓展

　　　　模塊載入框架 --? Require.js, Common.js

　　　　響應式開發 -- BootStrap

??????????? 輕量級框架 -- Angular.js, Backbone.js, React.js

　　　　CSS預編譯 -- Sass, Less, Postcss 以及他們之間的比較

??????????? 會寫組件，插件

轉載于:https://www.cnblogs.com/wcn123456/p/7798382.html

總結

以上是生活随笔為你收集整理的Web前端面试总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。