Ⅰ 前端開發工程師需要學習什麼知識
web前端開發工程師一般分為三種級別，一般分為初級工程師、中級工程師、高級工程師。
1.初級前端工程師：能熟練使用html、css、js，主要工作還是搭建靜態頁面。進階知識的話就是響應式這一塊了，一套代碼能適配pc+手機是初級前端工程師的進階。
2.中級前端工程師：作為一名中級前端工程師的話，除了上面的以外，還需要會使用一些框架之類的東西，像bootstrap、jquery之類的。進階的知識應該是ajax這一塊了，當然ajax並不是很難，了解怎麼與後台互動式學習ajax的關鍵點。
3.高級前端工程師：想成為高級前端工程師，首先要學習的就是前端工程化，進階框架angular、vue、react ，和jquery有著很大區別，vue是數據控制頁面渲染及狀態，而jquery是DOM節點控制渲染，vue渲染頁面更容易更優雅。vue能夠把前端項目徹底工程化，有配置文件、可以安裝第三方模塊、配合webpack打包、可以實現模塊化開發等等，當然簡單是它最大的優勢。進階就是要學習es6 7 語法、vuex、Element_ui （開發pc端框架）、vux（開發手機端框架）、Mint UI（開發手機端框架）、Nodejs（後端語言，js語法）。
Ⅱ 前端工程師必問面試題vue路由模式路由守衛
vue的路由模式一共有兩種，分別是哈希和history，他們的區別是hash模式不會包含在http請求當中，並且hash不會重新載入頁面，而使用history模式的話，如果前端的url和後端發起請求的url不一致的話，會報404錯誤，所以history的原理是利用html5新增的兩個特性方法，分別是psuhState和replaceState來完成的，以上就是對vue路由的理解。
路由的導航守衛 又叫做路由的鉤子函數（生命周期函數）
就是在跳轉頁面的時候把路由欄下來，做一些操作在放行，vue一共提供了三種路由守衛。
第一種是全局守衛
beforeEach路由進入之前
afterEach路由進入之後
第二種 組件內守衛
beforeRouteEnter 路由進入之前
beforeRouteUpdate 路由更新之前
beforeRouteLeave 路由離開之前
第三種 路由獨享守衛
beforeEnter 路由進入之前
分別是 to from next
next 這個參數 在路由3.x版本的時候，是必須的
但是到了路由4.x版本的時候next參數變成可選的了
一般來說vue2搭配 3.x的路由
vue3搭配 4.x 的路由
比如說購物車頁面只有登陸的才能訪問，我們可以用組件級守衛購物車頁面，如果已經登陸存有token 的話，就繼續訪問這個頁面，如果沒有登陸的話就會跳轉到登陸頁面。
在項⽬中我們經常使⽤路由守衛實現⻚⾯的鑒權. ⽐如:當⽤戶登錄之後,我們會把後台返回的token以及⽤戶信息保存到vuex
和本地,當⻚⾯進⾏跳轉的時候,我們會在路由守衛⾥⾯獲取vuex⾥⾯的token,如果token存在的話,我們則使⽤next讓他進⼊要
跳轉的⻚⾯,如果token不存在的話我們使⽤next⽅法讓他回到登錄⻚
以上就是我對vue路由守衛的理解。
⾸先v-if和v-show都是控制元素的顯示與隱藏, 不過v-if控制元素的顯
示和隱藏的時候會刪除對⽤的dom元素,當每⼀個顯示的時候,都會重新創建dom和渲染. ⽽v-show則是通過css的display:none
和display:block來控制元素的顯示與隱藏. v-if⽐較耗費性能,所以我們涉及到頻繁的顯示隱藏操作我們建議使⽤v-show,如果不
是頻繁操作的話,我們可以v-if
在項⽬中我會經常使⽤v-if和v-show,⽐如我們在搜索功能的時候,他有⼀個歷史記錄,這個時候我們根據是否有搜索的結果來判
斷歷史記錄的顯示與隱藏,這塊我就可以使⽤v-if ,當然⽤v-show也可以. 以上就是我對v-if和v-show的理解。
v-for的優先順序⾼. 因為v-for的時候我們才開始渲染dom元素,這個v-if還⽆法進⾏判斷.
v-for和v-if不能同時使⽤,我們可以通過標簽,⽐如div或者template標簽來進⾏包裹,把v-if寫到包裹的標簽上⾯(寫到v-for外⾯)。
⾸先呢,methods是⽤來定義⽅法的區域,methods定義的⽅法需要調⽤才能觸發. 不具備緩存⾏
⽽computed是計算屬性,他依賴於屬性值的變化,當屬性發⽣改變的時候,計算屬性⾥⾯定義的⽅法就會觸發,computed具有緩
存性,依賴屬性值的變化⽽變化.
⽽watch主要是⽤於監聽,不具備被緩存性.依賴於數據變化⽽觸發.
在項⽬中,⽐如我們獲取state的狀態的時候我們會把它放到computed⾥⾯,或者在寫購物⻋數量計算的時候也會使⽤計算屬性.
⽽watch也在項⽬經常使⽤,⽐如我們封裝編輯 和 新增彈窗組件的時候會通過watch來進⾏id判斷我們要顯否要清空表單的數
據.
以上就是我對computed和watch的理解。
Ⅲ 如何面試前端工程師
隨著時代的發展，很多新興的就業職位隨之產生。前端工程師將就是隨著互聯網的快速發展而產生的。其實在很多人的觀念里，前端工程師也就是一個切頁面的而已，他們也就是會html、css、javascript這些沒有任何技術含量的網頁製作而已。然而隨著技術飛速發展，人們對這些技術的要求也是越來越高，如果只憑著一個人來把所有的事情都解決是很困難的，所以這個時候前端工程師就開始發揮著他們很大的作用了。
那我們應該如何來面試前端工程師呢？
談吐要大方得體
在我們在面對面試官時我們千萬不要緊張。在進行自我介紹時我們要努力做到自信大方、吐字清晰。我們在自我介紹時要用簡明扼要的話語來介紹自己，突出自己的優點表明自己的求職意向。你要通過寥寥數語把自己的優勢都向面試官介紹清楚。記住不必要的話語要少說。
好了關於如何面試前端工程師這個話題我就聊到這了。希望我的回答能對你有所幫助。
Ⅳ 一道web前端工程師面試題，求解答。
這樣的布局用絕對定位實現最合適，ABC的外層用相對定位，里邊各列用絕對定位就可以。至於CBA且B寬度自適應，還是用絕對定位，但只定位C,A分部到兩側，中間的列margin設成左右列的寬度就可以。
Ⅳ Web前端工程師面試題
網路下 那些大公司的面試 拿幾個來折騰下 研究下 會學到不少東西
Ⅵ 前端工程師面試題vue2知識整理
⾸先呢,所謂的插槽就是⼀個佔位符,將⾃定義組件的內容展示出來.我們知道⾃定義的組件⾥⾯如果寫內容的話,⻚⾯是不會顯
示出來的,如果我們想讓⾃定義組件⾥⾯的內容顯示出來,我們就需要使⽤ slot 的插槽.
⽽插槽分別具名插槽和匿名插槽、以及作⽤域插槽. 我們⽤的⽐較多的具名插槽和匿名插槽,具名插槽需要所有 slot 標簽上指定
name 屬性,⽽在對應標簽上添加# 屬性指定名字.
在項⽬中我們⼀般在進⾏組件封裝的時候會使⽤插槽,以上就是我對插槽的理解.
作用域插槽
是把子組件里的數據傳到父組件的插槽里使用
什麼是跨域
跨域是瀏覽器的跨域 不符合 域名 協議 埠號一樣（同源策略） 的請求都會出現跨域的問題
跨域的解決方法
最多的情況是後端處理跨域
前端的跨域
伺服器代理
jsonp
vue 中是 proxy 代理實現跨域
vue 的跨域
用 proxy 實現
攔截器有兩種 一個是請求攔截一個是響應攔截
攔截器不需要手動調用而是每次發送 http 請求的時候都會自動觸發
我們一般在請求攔截中 放全局的 loading 和 token
在響應攔截中關閉全局的 loading 和對 token 進行過期處理 還可以處理錯誤編碼字典
⾸先呢 jquery 他是⽤ js 封裝的⼀個類庫,主要是為了⽅便操作 dom 元素,⽽ vue 他是⼀個框架,並且呢,他會從真實 dom 構建出⼀個
虛擬的 dom 樹,通過 di!演算法渲染只發⽣改變的 dom 元素,其他的相同的 dom 元素不⽤在重新渲染. ⽽使⽤ jquery 去改變 dom 元素
的時候,即使有相同的 dom 元素也會重新渲染, jq 重點操作 dom，而 vue 重點操作數據。以上就是我對 vue 和 jquery 區別的理解.
在 vue2 中 vue 實例的 data 數據是響應式 的 就是數據變了 視圖也會跟著變，如果給某一個 data 新添加了一個欄位 這個新添加的欄位因為 js 的限制不響應，需要使用 this.$set 方法代替原本的普通添加方法 就能實現響應，這個方法的三個參數 是給誰添加 添加的欄位 初始值 如果不是在組件中 用這個方法 那麼就用 Vue.set
根實例對象data可以是對象也可以是函數（根實例是單例），不會產生數據污染情況
如果不是一個函數，每個組件實例的data都是同一個引用數據，當該組件作為公共組件共享使用，一個地方的data更改，所有的data一起改變，如果data是一個函數，每個實例的data都在閉包中，就不會各自影響了。
query可以使用name和path而params只能使用name
使用params傳參刷新後不會保存，而query傳參刷新後可以保存
Params在地址欄中不會顯示，query會顯示
Params可以和動態路由一起使用，query不可以
同步更改mutations
異部更改action,action中通過commit觸發mutations進行state數據更改
頁面中觸發action中函數
Ⅶ web前端初級面試要求
想要通過前端面試順利進入一線大廠成就高薪前端夢。那麼首先，我們得知道前端面試中，社招和校招究竟有啥區別？
對於前端開發來說，如果說社招更看重對前端技術體系的深入理解，以及解決問題的能力話，那校招更看重的其實是基本功和學習能力（或者說是潛力）。
但其實，無論是社招還是校招，面試的時候都會問到一些曾經操作過的項目，尤其是大廠，或者熱門高薪部門，面試官除必問的技術經驗外，也會對技術深度進行一個基礎的考核，那在這種情況下如何hold住大廠面試呢？
前端面試三要素：簡歷、個人介紹、技術能力。下面，就來分別聊一聊。
1、簡歷篩選關：
HR一般會去看簡歷中所提的技術棧是否匹配，怎麼看呢？我們可以抓住簡歷中的技術名詞，一般來說如果一點技術名詞都沒有提到，那麼大概有以下幾種可能：很水、很牛但概率很小、不會寫簡歷。所以，一部分人可能會因為簡歷的問題沒有了面試機會，這點是需要非常注意的。
2、個人介紹關：
通過了簡歷篩選階段，就真正到了面試環節。這時候一定要准備好一段最多3分鍾的個人介紹。請注意，最多3分鍾！言簡意賅的說明自己的工作時間，擅長技術棧和自己的工作預期。
3、項目經驗表達：
對前端開發學習者而言，JS並不陌生，但大廠的JS面試題卻總是顯得很「陌生」，怎麼樣能夠真正做到深入理解與高級應用？這不僅是面試過程中對前端求職者的要求，也是大多數前端開發者的痛點。
大廠面試中，面試官除了關注你的項目經驗外，還往往喜歡和面試者深入探討前端某些技術領域成體系的前端知識。比如：模塊化、非同步解決方案、網路、框架及原理、線程等，但在與面試官的正面battle中，求職者總會敗下陣來。
所以，建議大家在Web前端面試前一定要注重這三個方面的內容。注重了這些想找找到一份適合的Web前端開發工作並不是難事。