微信前端面試

Ⅰ web前端 自我介紹例文

基本信息
姓 名： 性別：
婚姻狀況： 民族：
戶 籍： 年齡：
現所在地： 身高：
聯系電話：
電子郵箱：jy135.com

求職意向
希望崗位：Web前端開發
工作年限： 職稱：無職稱
求職類型：全職
到崗時間：隨時

工作經驗
xx年3月—至今 xx有限公司，擔任PHP開發工程師。工作描述：1、使用HTML標記、div+css+javascript Dom操作等前端WEB技術進行網站的開發與製造；
2、使用mvc思想、oop面向對象思想、ThinkPHP模板框架、基於jQuery的EasyUI框架、Smarty模板引擎等技術來做項目開發。

xx
年3月—xx年7月
xx有限公司，擔任資料庫和網頁設計。工作描述：1、負責編寫詳細需求分析和客戶管理模塊；2、實現了客戶添加、客戶修改、客戶刪除、批量刪除客戶、分
頁等幾大功能；3、分別用到Myeclipse開發工具、orcal資料庫、ssh、javascript、jquery等開發技術，現幾大功能運行穩
定，運算速度明顯變快。

教育背景
畢業院校：xx大學
最高學歷：本科
畢業日期：2004-07
專 業 ：計算機網路工程

語言能力
外語： 英語一般
國語水平： 精通
粵語水平： 一般

專業技能
計算機語言：HTML、CSS、JS、C++、Flash/Flex、Silverlight、XML
網頁編輯器：Adobe Dreamweaver、Frontpage、CSSDesk、Drawter
資料庫軟體：Oracle、sql Sever、Access
操作系統：Windows、Linux、Unix、iOS
編程軟體：Delphi、VC++

獲得證書
大學英語六級
全國計算機等級證書三級 網路技術
Photoshop證書
網頁設計師證書

自我評價
本人性格開朗，有熱心，工作積極，能吃苦耐勞，服從上級安排。

Ⅱ 前端面試一問三不知怎麼辦

前端面試一問三不知的時候，千萬別慌亂，可以先停一停和面試官說這個問題你需要思考一下再回答，或者說你因為太緊張之類的一時想不起來答案。

有些面試官會直接電話過去要求面試，由於面試者(尤其是學生)處於弱勢方，可能並不會拒絕面試要求，但並不意味著面試者處於最佳的物理和精神狀態下，有可能會導致面試者不能很好的發揮自己原有的實力。所以如果面試官突然打電話過來。

沒有準備好的話，不要怕冒犯面試官，一定要另外約個時間，面試官肯定會再打過來的。遭到否定面試官有可能會否定你描述的一些東西，有可能是你字眼寫的太過，比如將「熟悉」的東西寫成了「精通」，勾起了面試官的「好奇」。

有可能故意試壓，考驗你的反應，但遇到否定的時候，不要急於反駁或者是手足無措，而是詢問自省和主動討論。氣場不和有的面試官性格嚴謹沉悶，而面試者可能思維活躍，整個面試過程可能會變成面試官不停的打斷面試者讓其思維聚焦。

而面試者感到思維不停被打斷，很是氣惱，影響發揮。這種情況不可避免，但遇到這樣的面試官，請保持謙和的態度，重點是展示自己技術的廣度、深度，氣場不和並不會產生決定性的影響，面試官也不會因為這樣的原因而給與錯誤的評判。

盡量留下好的印象。結束通知有的面試官會在面試結束後說：「我的問題問完了，如果有進一步消息的話，我們會再聯系你」。面試的大部分結果，其實當場就出來了，如果你感覺給出結果的時間點不夠明確，可以反問他：「如果三天內沒有聯系，是不是就代表沒有通過？」省得讓你懷有不確切的希望。

最後，還可以挽留下面試官，講講這場面試中你的一些疑惑，獲得面試官的反饋，也可以知道自己目前哪一方面做得不足。面試中面對不會的問題面試中遇到問題不會回答，這是非常正常的，畢竟大家在學習過程中遇到的問題，跟我們在工作中遇到的問題是非常不一樣的。

除此之外，我們看問題的角度，也是有差別很大的。舉個例子，很多人都在看ReactFiber，但是如果問你們，為什麼要有Fiber這個東西，可能很多人都回答不上來，因為大家只在社區裡面看到說，Fiber是怎麼工作的啊。

但是為什麼要有Fiber？如果沒有會怎樣，而這種思考，其實是非常底層的。我相信，很多人可能都沒有思考過。那如果遇到的問題不會，你可以先選擇不會，說我覺得自己沒有信心能答出這個問題，當然我更希望聽到你說。

我現在不會，但是你給我兩分鍾思考一下，我想一下這個問題有沒有答案？我覺得這是一個很好的思考習慣，首先你在面對不會的東西是坦然的，我當下不會，很正常，我之前沒有思考過這個問題嘛，那我們再花兩分鍾思考一下。

給一個初步的答案。所以說遇到問題，也不用不會就不會，也可以有一個積極的方式回應。從面試官的角度來說，面試中考察的題目，並不是僅僅考察這道題目本身，題目的對錯並不跟最終結果直接掛鉤。面試官更希望以題目為契機。

考察面試者分析問題，解決問題的能力，以及交流過程中所體現的邏輯推理和思維方式等。跟面試官聊業務業務跟項目是完全不一樣的東西，業務認知和思考也是很重要的一個考察點，這方面面試官可能會問兩個點：業務場景和技術突破。

業務場景：面試官會詢問面試者他們的產品、業務模式、商業模式等，了解下面試者對於產品的誕生、定位、發展的認知。技術突破：技術與業務相結合這點在阿里也是一直在說但鮮有人做的非常好的地方，所以有的時候也會考察面試者。

看看他們所做的技術是如何從業務出發、給業務帶來了哪些改變以及如何去評估兩者之間產生的結果。面試結束反向互動面試官在掛斷之前，基本會給與候選人反問的機會，一般會表述為「你有什麼要問我的嗎」？無論面試的怎樣。

都希望你能說出心中的疑惑，比如面試中的某個題目、整體的評價反饋、你的建議或者了解所負責的業務，所在的團隊等等，而從面試官的角度來看，如果候選人願意反問你問題，至少能證明他是個好學的人。所以不要放棄這個互動的機會。

面試反饋每場面試結束後，面試官都會在系統里留下面試反饋，如果面試失敗，簡歷會放在人才庫里，很多人會在其中撈取簡歷，以後的面試官也可以看到之前所有的面試記錄，之所以講到這一點，是希望大家在面試中能夠保持謙和積極的心態。

認真面對每一場面試，即使這場面試沒有成功，但如果展示了好的品質，也會增加被發掘的機會，為你以後面試成功鋪路。保持聯絡如果跟面試官聊的比較好，可以請求加個微信之類的，面試是一個長期的事情，哪怕此次面試沒有通過。

以後還可能面試進來的，與面試官保持聯絡。前端面試題筆記面試會了，面試題也不能落下，這套面試筆記除了有CSS、JS、Vue、React、性能優化、伺服器埠、設計模式、數據結構和演算法面試題外，加了手寫代碼面試題。

這下面試官讓我們寫代碼也不怕啦！CSS問題flex布局css3的新特性img中alt和title的區別用純CSS創建一個三角形如何理解CSS的盒子模型？如何讓一個div水平居中如何讓一個div水平垂直居中如何清除浮動。

Ⅲ 2022前端開發面試記錄（深圳篇）

2022年來到深圳，感覺到了與之前所在城市的差異，心裡多少有點落差。雖然時機不太對吧，但是相信一切都會好起來的，給自己加油呀！
整理了一些面試被問到的問題，雖然很多是無效面試，但是我也強行問了面試官，從他們的回答中猜測了一下他們關注的面試點，所以也算是有點收獲吧，只是浪費了很多簡歷和路費，哭唧唧。

——1、區塊鏈——
1-1、vue生命周期；
1-2、vuex屬性；
1-3、用戶開始登錄到登錄成功都發生了什麼；
1-4、git常用的命令；

——2、金融：vue——
筆試：
2-1、深淺拷貝的區別，為什麼會出現深淺拷貝，淺拷貝的優勢；
2-2、強制中斷 foreach 遍歷；
2-3、多處組件復用；
2-4、你對前端是什麼概念，前端在整個軟體生態內是什麼角色；
2-5、Vue2 中數據變化但視圖沒有發生同步更新，描述一下出現的場景，解決方式，以及該問題發生的可能原因；
2-6、nextTick 是如何確保開發者能夠獲取到最新的 DOM 狀態的；
2-7、如何使用 mixins，有何利弊；
2-8、使用 Hooks 模式開發時，useMemo，useCallback 常用來作為優化的手段。描述一下它們各自的適用場景，以及背後的原理實現?；
2-9、前端從 Jquery 時代演變至如今的三大框架，這種演變的根源是什麼，jquery 解決了什麼問題，如今的三大框架又是為了解決什麼問題出現的？
視頻面試：
2-10、js遍歷樹形結構，每個節點都有一個唯一ID，只能遍歷一次；
2-11、組件封裝的意義；

——3、知識產權：vue2、vue3、ts、react——
3-1、說一說面向對象的理解，包括繼承、封裝、多態等；
3-2、說一說promise；
3-3、webpack優化；
3-4、vuex使用場景；
3-5、描述一下對vue響應式原理的理解；
3-6、vue生命周期；
3-7、父子組件鉤子函數執行順序；
3-8、v-if和v-show；
3-9、js數據類型；
3-10、實現深拷貝；

——4、物流——
4-1、vue生命周期；
4-2、生命周期-修改元素樣式在生命周期的哪個階段；
4-3、生命周期-修改數據在哪個階段；
4-4、生命周期-destroy裡面會做哪些操作；
4-5、怎麼修改title的內容；
4-6、父子組件傳參的具體寫法；
4-7、v-model的多種寫法；
4-8、js數據類型；
4-9、判斷數組的方法；
4-10、實現左邊固定右邊自適應的布局；
4-11、實現div垂直水平居中；
4-12、flex:1；
4-13、flex詳解；
4-14、call,apply,bind是干什麼的；

——5、新興產業——
5-1、封裝路由，怎麼攔截路由；
5-2、瀏覽器緩存有哪些，又問localStorage和sessionStrorage的區別和應用場景；
5-3、瀏覽器強緩存和協商緩存；
5-4、webpack打包機制，構建過程和配置；
5-5、性能優化方法；
5-6、前端的業務和後端的API是怎麼做到數據實時請求的（問的其實是前端對後端API介面的封裝和管理）；
5-7、computed和watch；
5-8、說了幾個關於大屏的應用場景，有沒有做過，怎麼做的；

——6、某水果：vue2、vue3、ts、各種前沿技術都用——
6-1、怎麼封裝一個組件庫/工具類庫，比如vue封裝過什麼復雜組件，jquery封裝過什麼類庫；
6-2、get和post的區別，傳參格式等；
6-3、promise怎麼用的；
6-4、原型鏈，test()的原型鏈；
6-5、websocket；
6-6、es6中的generator；
6-7、es6中的set和map有啥區別，set為什麼能去重；
6-8、項目難點；

——7、醫療健康：vue——
7-1、vue自定義指令配置；
7-2、webpack的理解；
7-3、對node的了解，用過express嗎；
7-4、項目中的拖拽是怎麼做的；
7-5、websocket和socket的區別；
7-6、聽過mqtt嗎，因為沒聽過所以解釋了一下activemq的用法；
7-7、二維地圖的聚合，如果有十萬個點，會做什麼優化；
7-8、地圖實現多個點連成一條線會怎麼做；
7-9、地圖實現一條曲線；
7-10、內網下git怎麼用的；
7-11、openlayers渲染機制；
7-12、父子組件通信方法；
7-13、router中實現攔截；
7-14、對象合並的方法；
7-15、父子組件的生命周期執行順序，渲染階段為什麼會先執行父組件再執行子組件；
7-16、vue生命周期；
7-17、npm run dev, run build可以在項目中的什麼位置找到；
7-18、vue中跳轉頁面的方法；
7-19、mixins用過嗎；
7-20、判斷引用類型的方法；
7-21、js數據類型；
7-22、判斷基本數據類型的方法；
7-23、for in和for of的用法和區別，兩者遍歷的是索引還是屬性值，兩者都可以遍歷對象嗎；
7-24、foreach和map的區別，兩者會不會改變原數組；
7-25、主要用什麼技術棧；
7-26、行內元素和塊級元素的區別，分別都有哪些，行塊級元素有哪些；
7-27、div垂直水平居中，grid知不知道怎麼用；
7-28、splice和slice；

——8、智慧園區：vue2、vue3、ts、uniapp——
8-1、flex了解嗎，flex布局方向，flex:1 0的頁面效果是怎樣的；
8-2、做過移動端嗎，了解uniapp嗎；
8-3、keep-alive；問了一個沒聽明白的，可能和keep-alive有關系；
8-4、vuex中的action；不用vuex，怎麼代替vuex；
8-5、promise.all和promise.on；
8-6、防止表單重復提交；
8-7、async，await的使用；
8-8、vue3和ts的了解；
8-9、防抖怎麼控制時間；
8-10、vue中的data為什麼要設計成一個函數；

——9、智慧工地：vue、uniapp、小程序——
9-1、Vuex是干什麼的；
9-2、openlayers怎麼用的；
9-3、性能優化；
9-4、spa首屏載入優化；
9-5、bundler.js太大，打包怎麼優化；
9-6、加密方式了解多少，比如md5,base64等，一大堆沒聽過的；
9-7、冒泡排序的實現原理；
9-8、js設計模式；

——10、某快遞公司外包——
10-1、一棵樹的數據，給的是列表格式，轉換成樹形結構；
10-2、項目相關的，聊天怎麼做的，拖拽怎麼做的，拖拽的數據怎麼渲染的，拖拽重疊怎麼處理的；
10-3、js設計模式；

——11、三維：vue、cesium——
11-1、一棵樹的數據，給的是列表格式，轉換成樹形結構；
11-2、openlayers怎麼用的，發布過wms嗎，發布流程是怎樣的；
11-3、openlayers轉換經緯度的方法名是什麼；
11-4、cesium常用的函數；
11-5、vue數據雙向綁定原理；
11-6、Vue中data屬性如果改變一個數組的下標，會不會馬上發生變化，不變化可以怎麼解決
11-7、數組常用方法有哪些；
11-8、 map和filter的區別；
11-9、es6常用的方法；
11-10、父子組件通信，兄弟組件通信；
11-11、new具體進行了什麼操作；

——12、醫療：vue、angular——
12-1、js渲染機制和運行機制；
12-2、vue數據綁定原理；

——13、建設行業：vue、uniapp——
筆試：
13-1、||與&運算符；
13-2、垂直居中方案；
13-3、let a=arr, b=a, c=arr.concat(), a[0]=3，列印b和c，應該是深淺拷貝；
13-4、實現font-size:12；
13-5、介面路徑，給一個地址 http://localhost/projectname/resource/index(http://localhost/projectname/resource/index).html ，根據url請求介面路徑寫出完整路徑，』/ geturl.do 』，』 geturl.do 』，』../ geturl.do 』；
13-6、微信小程序流程和主要文件；
13-7、獲取url參數及內容；
13-8、$(function(){}) / (function(){}) / (function(){})()的區別；
13-9、前端優化方案；
面試：
13-10、項目難點；
13-11、git工作流；
13-12、jquery項目會不會用webpack打包；
13-13、webpack優化；
13-14、web優化；

——14、文化：uniapp——
14-1、ssr渲染；
14-2、ajax和axios的區別；
14-3、cookie和session的區別；
14-4、vue生命周期；
14-5、數據請求寫在哪個生命周期中；
14-6、router的history模式和hash模式；
14-7、工作中的開發流程；
14-8、uniapp的開發流程和坑；
14-9、uniapp滑動問題，下滑切換視頻不生效，一般是什麼原因；
14-10、uniapp載入速度慢，點擊載入圖片速度太慢，一般是什麼原因；

——15、企業平台某外包：vue，node，性能優化——
15-1、說一說websocket；
15-2、vue數據雙向綁定原理；
15-3、項目難點；
15-4、對mvvm、mvc、mvp等的理解；
15-5、vue的常見指令；
15-6、computed和watch；
15-7、class和style怎麼綁定；
15-8、ajax和axios的區別；
15-9、axios攔截器，axios的post請求；
15-10、對前端渲染，服務端渲染的理解；

——16、智慧城市：vue，node，three.js——
16-1、vue生命周期；
16-2、vue組件通信方法；
16-3、js的繼承；
16-4、oracle、mysql、sqllite的區別；
16-5、oracle連表查詢；
16-6、openlayers項目場景；
16-7、cesium項目場景；

——17、租房：jquery+layui，vue2——
17-1、筆試：
17-2、foo列印題；
17-3、this列印題；
17-4、變數提升列印題；
17-5、let arr=[1,2,[5,8,[9,[3,5,]7,]20,37]] 把數組扁平化成一個數組，並進行去重升序;
17-6、let a=[1,2,3,4,5,6,7]; let b=[4,5,6]; 求b在a中第一次出現的位置；
17-7、面試：主要問項目

——18、跑腿：vue2，vue3+ts——
18-1、對html5語義化的理解；
18-2、css實現一個三角形；
18-3、css怎麼實現0.5px的線，為什麼有這種需求，涉及到兼容性問題；
18-4、怎麼解決變數提升的問題；
18-5、es6新增了哪些定義變數的方式；
18-6、const定義的變數可以被修改嗎；
18-7、map和filter的區別，會改變原數組嗎；
18-8、es6去重的方法；
18-9、談一談對promise的理解；
18-10、除了鏈式調用，promise還可以怎麼處理同步請求(async/await)；
18-11、對vue響應式原理的理解，核心是什麼；
18-12、對vue生命周期每個階段的理解；
18-13、為什麼要用key，key有什麼作用；
18-14、v-if和v-show；
18-15、Vue中data為什麼是一個函數；
18-16、vue各場景下的傳值方式有哪些，比如父子組件，兄弟組件，祖孫組件；
18-17、對vuex的理解和使用場景；
18-18、vue常見修飾符；
18-19、Vue3用過嗎(因為沒用過，所以就只針對響應式原理說了一下vue3和vue2的區別)；

——19、實業：jquery，vue2，vue3——
筆試：需要解釋
19-1、html5新標簽，css3新特性；
19-2、js+css3實現某元素以50px每秒的速度左移100px；
19-3、css實現左中右布局，不改變文檔流；
19-4、js兼容性有哪些，以及常見的解決方案；
19-5、描述一下事件循環機制eventloop，eventloop解決了什麼問題；
19-6、給了一個題，大概是後端返回的介面數據，data的格式有很多，比如null，對象，數組，字元串等，怎麼處理這種問題；
19-7、前端性能優化方法，首屏頁面怎麼優化；
19-8、用js寫一個方法實現數據去重並排序(用es5和es6+實現)；
19-9、給定一個數組，把數組中為0的往後排，其他值按順序排序; （示例：[1,0,4,0,5,3]轉換結果為[1,3,4,5,0,0]）
19-10、用0，1，2代表紅黃藍三種顏色，實現以下排序，不能用array.sort實現;（示例：[0,1,0,2,0,1,2]轉換結果為[0,0,0,1,1,2,2]）
面試：
19-11、flex布局；flex:1對應的屬性；
19-12、講一下原型鏈； proto 和prototype有什麼區別；字元串有沒有原型；給定一個str，str.test()調用的誰的test方法；
19-13、講一下閉包；什麼情況下才能算是閉包；形成閉包的條件；列了三個題讓你判斷是不是閉包；
19-14、v-if和v-show是干什麼的；應用場景有哪些；給定一對父子組件，默認值是false，另外有一個ajax請求，值發生了以下變化（false true false true true），在v-show和v-if中，父子組件的哪個階段里會請求ajax；
19-15、computed的實現原理，怎麼實現一個computed；
19-16、css中，transform，margin，position的都是怎麼渲染的，渲染機制是什麼；amd，cmd，commonjs了解嗎；

Ⅳ 前端入職啥都不會

我不知道您說的不會是指什麼，一下是我總結的一些做法，希望對你有幫助。

• 入職如果被安排任務，肯定是因為簡歷上，或者面試過程中你說過你做過類似的，如果沒做過可別亂說，不然會出事，我是確實私下裡有跟著視頻做過，所以雖然做的比較爛，但手大是跌余瞎跌撞撞做出來了，不然就涼了。

• 其實很多的功能是不用自己寫的，我不了解項目情況，基本上都是自己寫，結果不僅寫的不好，而且跟豎薯空別人的頁面差別也很大，很多方法也很難調用，所以動手之前還是有必要好好看看前輩們寫好的自定義組件、公共樣式，公共方法，數據命名和一些編程習慣的，這些在培訓班和自學是學不到的。

• 入職流程大致是這樣的，首先拿到電腦先清理干凈，按裝運行環境和一些比較的工具，我安裝了vscode、node、vue-cli4、git、HbulidX、微信開發者工具。然後拿到代碼管理工具和介面管理工具，我們公司是gitlab和AMS開源版。最後用git克隆下來，打開好好看自己要做到部分有沒有類似的頁面。如果有照著人家的做。

Ⅳ 前端面試時被問到前端布局，這個怎麼回答

前端面試時被問到前端布局，這個怎麼回答

你可以說，你對DIV+CSS布局的了解，不懂你先網路吧，我不可能一一說明的。
然後說，盒子模型的了解，還是那句，不懂你網路吧。
然後說，清除浮動的了解，還是那句，不懂你網路。
然後說，內聯、內聯塊和內聯元素的了解。
還有一些加分的，例如overflow的深入理解。overflow，如果理解得深入，對布局有一定的影響。
差不多就這樣了，面試官也許問得更細，我就不清楚了。

前端面試，被問到vue的元件是怎麼寫，我怎麼回答

vue框架中狀態管理。在main.js引入store，注入。新建了一個目錄store，….. export 。場景有：單頁應用中，元件之間的狀態。音樂播放、登入狀態、加入購物車

web前端面試被問到為什麼離職

實話實說，但是注意言辭，回答過程中千萬不要抱怨、或是「吐槽」前東家的種種不好，請客觀磨模悄地敘述與自己現在狀態有哪些不相契合的點。
參考：原東家的發展空間達不到我的期望，我想要尋找新的機會挑戰自己，同時創造更大的價值。
注意：避免假大空的官話，會讓人覺得不真誠，另外，點到為止，無需細談。

前端面試時問到：怎麼解決瀏覽器相容性？該怎麼回答比較碼型好？

IE6/IE7對FE當然很不友好，但專業的FE決不應該因為這兩個瀏覽器難處理就不處理了。假如使用者需要，我的目標是在力所能及的情況下為使用者提供最好的前端展現。相容性的問題從來都不只是IE6/7的問題，各個手機、瀏覽器、版本的相容性同樣有各種各樣的問題，比IE奇葩多了。我的經驗是，每遇到一個坑爹問題，做這么幾件事：確認觸發場景，什麼瀏覽器、版本、什麼情況下會出現這個問題，做到穩定復現；找到問題原因，為什麼會出現這樣的問題（網上搜、自己琢磨甚至郵件問相應公司開發者等等都是可行的）；確瞎渣定解決法，有沒有什麼框架級的解決法，總之是定規范，避免類似問題；比如不使用某些屬性；用某種布局方法規避一些問題等等；有沒有什麼臨時的法可以快速繞過去？不是每次都有時間搞框架級的法來著。怎麼hack過去把這些都積累起來，就會有用處。不要想著IE6、7沒了就不用考慮瀏覽器相容性問題，chrome/firefox、webkit的各種版本，手機的各種瀏覽器、各種終端都要處理瀏覽器相容性問題，恩，對，偶爾還有flash來著。相容各種終端、相容各種解析度、相容瀏覽器都是相容性問題，這是FE的命，得認。抱著讓使用者有最好體驗的想法去做，收獲更大。

前端面試被問到，vue實現資料雙向系結，原理是啥

其原理大致是這樣：
在資料渲染時使用prop渲染資料
將prop系結到子元件自身的資料上，修改資料時修改自身資料來替代prop
watch子元件自身資料的改變，觸發事件通知父元件更改系結到prop的資料
這樣做的好處是：父元件資料改變時，不會修改儲存prop的子元件資料，只是以子元件資料為媒介，完成對prop的雙向修改。

web前端面試怎麼說

面試方法

• 程式碼編寫筆試

• 問答式

過程遵循 STAR 面試法 。

校招和社招的是不一樣的，校招會更加關注基礎知識，而社招會更加關注之前做過的專案情況。

專案相關

面試其實說白了就是根據一個人之前的經歷，來判斷出後續這人會做得怎樣，如果你之前從沒做成過一件事情，憑什麼讓別人相信你之後能做成呢？因此無論哪裡的面試都會問你之前做過的專案

專案可以是多人協助開發一個產品，也可以是自己個人做過的業余應用，只需介紹 1、2 個就夠了，需要注意的是 1 + 1 != 2，做了兩個平庸的專案不如做了一個好專案。

一般來說會問如下幾方面的問題：

• 做過最滿意的專案是什麼？

• 專案背景

• 為什麼要做這件事情？

• 最終達到什麼效果？

• 你處於什麼樣的角色，起到了什麼方面的作用？

• 在專案中遇到什麼技術問題？具體是如何解決的？

• 如果再做這個專案，你會在哪些方面進行改善？

技術相關 - 1 面

技術一面主要判斷對基礎知識的掌握

• 描述一個你遇到過的技術問題，你是如何解決的？

• 這個問題很常見，有沒有遇到過很不常見的問題？比如在網上根本搜不到解決方法的？

• 是否有設計過通用的元件？

• 請設計一個 Dialog（彈出層） / Suggestion（自動完成） / Slider（圖片輪播） 等元件

• 你會提供什麼介面？

• 呼叫過程是怎樣的？可能會遇到什麼細節問題？

技術二面主要判斷技術深度及廣度

• 你最擅長的技術是什麼？

• 你覺得你在這個技術上的水平到什麼程度了？你覺得最高級別應該是怎樣的？

• 瀏覽器及效能

• 這些優化方法背後的原理是什麼？

• 除了這些常規的，你還了解什麼最新的方法么？

• （這個問既考察技術深度又考察技術廣度，其實要答好是相當難的，注意越詳細越好）

• 一個頁面從輸入 URL 到頁面載入完的過程中都發生了什麼事情？越詳細越好

• 談一下你所知道的頁面效能優化方法？

• 如何分析頁面效能？

• 其它

• 除了前端以外還了解什麼其它技術么？

• 對計算機基礎的了解情況，比如常見資料結構、編譯原理等

興趣相關

• 最近在學什麼？接下來半年你打算學習什麼？

• 做什麼方面的事情最讓你有成就感？需求設計？規劃？具體開發？

• 後續想做什麼？3 年後你希望自己是什麼水平？

主動性相關

• 在之前做過的專案中，有沒有什麼功能或改進點是由你提出來的？

• 是否有參與和改進其它開源專案

頁面前端面試經常問到的問題

其實，不管是什麼樣的面試形，問的問題都差不多，萬變不離其宗，都有規律可尋。其實對所有的面試官而言，只有一個目的：在最短的時間里了解到你最多的資訊。想高效率的准備面試，先從這七個大方面著手吧！
一、基本情況
1、請用最簡潔的語言描述您從前的工作經歷和工作成果。
二、專業背景
您認為此工作崗位應當具備哪些素質？
三、工作模式
您平時習慣於單獨工作還是團隊工作？
四、價值取向
您對原來的單位和上司的看法如何？
五、資質特性
您如何描述自己的個性？
六、薪資待遇
是否方便告訴我您目前的待遇是多少？
七、背景調查
您是否介意我們通過您原來的單位迚行一些調查？
95%的面試基本上都離不開這些問題，當然還有可能問一些專業問題，我想如果你做過的話應該都不是什麼難事，一般面試官都不會過多的問專業方面的問題的。以上資訊直接參考楚湘人才網面試寶典篇之化繁為簡，把HR的上百道問題匯總成七大類和面試常問經典問題。更多更全面的面試資訊 面試技巧 面試問題請登陸楚湘人才網或關注微信公眾平台：楚湘人才網

如何用ecshop修改頁面前端布局

網站是在伺服器上的慶，你朋友給你FTP或伺服器的帳號密碼沒。如果沒有的話要下，是在網站的檔案目錄里

web前端面試怎麼介紹

• 你的筆試題, 根據其做延伸.

• 你的簡歷, 技術棧、工作外學習情況、專案經驗. 第一頁很重要, 最好都能掌握, 有亮點更好.

• 面試官額外的延展的知識點, 隨機問,看你運氣和積累(一般會提及到 ES6、解決實際問題的方法、資料結構與演演算法都有可能).

應對

• 刷題, 各種基礎題會幫你快速回憶起來, 比你看書快, 如果基礎不好的話, 看書好好學學吧.

• 簡歷上自己寫的東西, 要能說出來.

• 積累, 每次面試不成功就回來填坑吧, 還是有掌握不到位的. 我覺得能堅持下來的話, 找工作只是時間問題.

• 據公司業務不同, 著重點不一樣, 公司能把你簡歷挑出來, 就說明有用人單位感興趣的部分.

• 可能你寫的是熟練使用 Vue, 公司也是這個技術棧.

• 可能你知識寫的全面, 公司想面面你實際掌握怎麼樣.

• 可能你專案寫的貼合用人單位需要, 比如都是做後台管理的.

框架問題: (Vue 舉例, 3框架實質問題差不多, 具體有些差異)

• 封裝過哪些元件?有自己寫過 UI 元件嗎?

• 什麼是 MVVM , 和 MVC 是什麼區別, 原理是什麼?

• 父子元件怎麼通訊的?

• 兄弟元件怎麼通訊的?

• 生命周期有哪些, 怎麼用?

• Vue 全家桶都用過哪些?具體怎麼用?

HTML5 + CSS3

• 盒子模型

• 如何給未知寬高的圖片垂直居中對齊? 有幾種方法?

• 移動端的 rem 布局.

• 前端可以做哪些優化, 或問你 SEO, 基本都問.

• 清除浮動方式和原理, 基本都問. 幾種方式? 原理? 為什麼要用偽元素? 具體程式碼怎麼寫,為什麼這么寫?

• 清除浮動就會涉及到 BFC 的問題.

• 給你實際頁面例子, 讓你口述布局或手寫實現細節, 可以使用幾種方法, 怎麼寫相容性好, 拓展性好.

• 具體 API 哪個 CSS 版本的?

• CSS3 新增了哪些 API?

• 可能問你哪些 API 是 CSS 哪個版本的? 相容性怎麼樣.

• CSS hack 是什麼? 包含什麼? 怎麼處理相容性問題?

• HTML5 新增了哪些 API? 哪些比較常用? 用來做什麼? 實際怎麼用?

• cookie, session, localStrorage, sessionStorage 區別, 具體怎麼用程式碼去操作?

JavaScript

• 變數宣告提升的問題.

• 閉包的原理, 閉包的各種題, 基本都問.

• DOM2 事件流, 冒泡和捕獲問題?

• this 指向問題, 一般都是在筆試題里, 拿著問你, 問的比較多.

• call 和 apply 區別? 有的還會加問 bind?

• 面向物件程式設計中的繼承問題, 原型鏈問題在筆試題里比較常見.

• jQuery API , 各種操作 DOM 用法, 還有一些新的 API, 這種在不用 3 大框架的公司會問的很詳細.

• 可能有些考演演算法結構的, 可以了解一下, 一般前端掌握的很少.

• Ajax 基本都問, 問的細節可能不同, 比如 get 和 post 有什麼區別?

• 陣列的方法 - es6 以下基本都能熟練使用, 應該會加分不少

• 字串的方法 - 拼接, 擷取, 帶些正則

• 陣列去重問的挺多的(解法很多, ES6 有很多簡短寫法)

• ES6 的 Promise , 很多都會問. 如果公司用框架或者你寫了, 還會問你 Class.

• var, let, const區別, 問的多.

• 棧和佇列結構, 有的會問.

• 跨域問題: 同源策略, 解決方案, 解決原理(比如 jsonp 的原理), 這里都是高發區.

網頁前端布局都用什麼工具

一般應該都是用ps或者類似的作圖軟體先把圖畫出來，然後再手寫程式碼。
用ps等做出軟體是方便作圖後修改，因為不管是內部用還是給客戶總是要多修改的

Ⅵ #WEB前端開發#會一些靜態頁面布局，javascript可還行，但是簡歷投出去都沒有收到回復，想

你現在的水平，還是處於入門級別的，企業是不會要的。現在市場需要的是專業的開發工程師，不是基本的入門工程師。所以你要了解目前專業的開發工程師的技術要求才行。

首先，成為一名成熟的開發者，首先必是一位有基礎的開發。

所以最基本的一些HTML、CSS、JavaScript這些基礎的語法，就不詳細說了。

扎實的JavaScript基礎

在前端開發里，最講究的還是在JS里，基礎的語法，能運用很簡單。

但是說成熟開發，那必然是對JavaScript是熟練掌握和有深入的理解了。說到要熟練掌握JavaScript，那必然是要掌握閉包，ES678,原型鏈，這一系列的了。你說你JS還行，那就基本企業就看不上了

你會提出成熟，是因為想給自己一個標准，但是做技術工作，最重要還是市場的標准。

前端技術是日新月異的，基本每年都是會有新的概念，新的架構，新的應用產品，新的交互體檢。這些都是有不確定性的。

做技術沒有真正的成熟可言，更多的還是不斷學習，持續進步。

把技術不斷做到專，做到精，才能在當前時代成為「成熟」。

Ⅶ WEB前端面試題

第二章 面試題基礎篇

2.1 HTML面試題

面試題：行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？

面試題：頁面導入樣式時，使用link和@import有什麼區別？

面試題：title與h1的區別、b與strong的區別、i與em的區別？

面試題：img標簽的title和alt有什麼區別？

面試題：png、jpg、gif 這些圖片格式解釋一下，分別什麼時候用？

2.2 CSS面試題

面試題：css背景紋路

面試題：介紹一下CSS的盒子模型

面試題：CSS選擇符有哪些？哪些屬性可以繼承？

面試題：CSS優先順序演算法如何計算？

面試題：用CSS畫一個三角形

面試題：一個盒子不給寬度和高度如何水平垂直居中？

面試題：display有哪些值？說明他們的作用。

面試題：對BFC規范(塊級格式化上下文：block formatting context)的理解？

面試題：清除浮動有哪些方式？

面試題：在網頁中的應該使用奇數還是偶數的字體？為什麼呢？

面試題：寫一個左中右布局占滿屏幕，其中左、右倆塊固定寬200，中間自適應寬，要求先載入中間塊，請寫出結構及樣式。

面試題：什麼是CSS reset？

面試題：css sprite是什麼,有什麼優缺點

面試題：display: none;與visibility: hidden;的區別

面試題：position有哪些值?有什麼作用? 【特別多公司問】

面試題：line-height和height有什麼區別？

面試題：opacity 和 rgba區別

2.3 JavaScript基礎面試題

面試題：延遲載入JS有哪些方式？

面試題：JS數據類型有哪些？

面試題：null和undefined的區別

面試題：JS數據類型考題

面試題：==和===有什麼不同

面試題：JS微任務和宏任務

面試題：JS作用域考題

面試題：JS對象考題

面試題：JS作用域+this指向+原型 考題

面試題：JS判斷變數是不是數組，你能寫出哪些方法？

面試題：slice是幹嘛的、splice是否會改變原數組

面試題：JS數組去重

面試題：找出多維數組最大值

面試題：給字元串新增方法實現功能

面試題：找出字元串出現最多次數的字元以及次數

2.4 真正移動端 —— H5/C3面試題

面試題：什麼是語義化標簽

面試題：::before 和 :after中雙冒號和單冒號 有什麼區別？解釋一下這2個偽元素的作用。

面試題：如何關閉iOS鍵盤首字母自動大寫

面試題：怎麼讓Chrome支持小於12px 的文字？

面試題：rem和em有什麼樣區別

面試題：ios系統中元素被觸摸時產生的半透明灰色遮罩怎麼去掉

面試題：webkit表單輸入框placeholder的顏色值能改變嗎？

面試題：禁止ios 長按時不觸發系統的菜單，禁止ios&android長按時下載圖片

面試題：禁止ios和android用戶選中文字

面試題：自適應 [淘寶無線適配]

面試題：響應式

第三章 面試題進階篇

3.1 JavaScript進階面試題

面試題：new操作符具體做了什麼

面試題：閉包 【必須會】

面試題：原型鏈 【必須會】

面試題： JS繼承有哪些方式

面試題：說一下call、apply、bind區別

面試題：sort背後原理是什麼？

面試題：深拷貝和淺拷貝

面試題：localstorage、sessionstorage、cookie的區別

3.2 ES6面試題

面試題：var、let、const區別

面試題：作用域考題

面試題：將下列對象進行合並

面試題：箭頭函數和普通函數有什麼區別？

面試題：Promise有幾種狀態

面試題：find和filter的區別 【大廠】

面試題：some和every的區別 【大廠】

3.3 webpack面試題

面試題：webpack插件

3.4 Git面試題

面試題：git常用命令

面試題：解決沖突

面試題：GitFlow

第四章 面試題框架篇

4.1 區分初中高級的 —— Vue面試題

面試題：Vue2.x 生命周期有哪些？

1.系統自帶八個

2.當一旦進入到某個組件會執行哪些生命周期

3.$el和$data在哪個階段有

4.如果使用keep-alive會多倆個生命周期

5.如果加入keep-alive第一次進入組件會執行哪些生命周期

6.如果加入keep-alive第二次或者第N進入該組件會執行哪些生命周期

面試題：談談你對keep-alive的了解

面試題：v-if和v-show區別

面試題：v-if和v-for優先順序 2.x

面試題：ref是什麼？

面試題：nextTick是什麼？

面試題：Vue中如何做樣式穿透

面試題：scoped原理

面試題：Vuex是單向數據流還是雙向數據流？

面試題：講一下MVVM

面試題：雙向綁定原理

面試題：什麼是虛擬DOM

面試題：key是干什麼？

面試題：diff演算法

面試題：Vue組件傳值

面試題：props和data優先順序誰高？

面試題：computed、methods、watch有什麼區別？

面試題：Vuex

面試題：Vue路由

面試題：Vue項目打包後出現空白頁

4.2 微信小程序面試題

面試題：如何自定義頭部？

面試題：如何自定義底部？

4.3 uni-app面試題

面試題：生命周期

面試題：條件編譯

第五章 面試題性能優化篇