看到一個工作一年被裁員的前端小哥，發(fā)了一篇文章講了自己的裁員經(jīng)歷，然后反思了自己學(xué)習(xí)前端的不足，覺得挺有用的，分享給大家：1. 應(yīng)該從瀏覽器運(yùn)行機(jī)制和組成入手,逐層深入了解前端技術(shù)背后的原理框架。2. 引導(dǎo)自己形成一個完整的前端知識體系,而不是零散學(xué)習(xí)各個知識點(diǎn)。3. 應(yīng)該經(jīng)?？匆恍└哔|(zhì)量文章資源，可以幫助自己梳理知識體系。4. 應(yīng)該著重學(xué)習(xí)重要框架的原理知識，而不是死記技術(shù)細(xì)節(jié)。5. 推薦對Node、Koa等后端框架也進(jìn)行了解，形成全棧視角。6. 重視項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)的累積,不斷完善和汲取經(jīng)驗(yàn)。7. 提出學(xué)習(xí)不能停留在問題解答階段，應(yīng)該自己調(diào)試找出錯誤原因。8. 總結(jié)了個人的前端知識體系架構(gòu)與學(xué)習(xí)路線。#前端##前端面試必備寶典##前端 開發(fā)工程師##前端爆了#

最近發(fā)現(xiàn)好多同學(xué)在面試時，簡歷中寫了自己熟悉微前端，但是當(dāng)面試官問「為什么你們不用iframe做微前端」時，回答都不能讓面試官滿意，今天，理想哥和大家梳理下，這個問題該怎么回答，大家可以先點(diǎn)贊收藏下。其實(shí)，如果你不考慮用戶體驗(yàn)問題的話，iframe 幾乎是最完美的微前端解決方案，什么樣式隔離，JS隔離，這些問題在iframe中通通不存在，因?yàn)闉g覽器提供了原生的硬隔離方案，但也正是這種硬隔離方案，導(dǎo)致了無法在應(yīng)用之間進(jìn)行數(shù)據(jù)共享，隨之而來的，就是一些列的開發(fā)和產(chǎn)品體驗(yàn)問題。比如第一個問題，每次刷新頁面，iframe的url都會丟失，而且前進(jìn)后退按鈕沒辦法用，當(dāng)然，這個問題，你可以通過提前緩存url來解決。第二個問題，就是慢，因?yàn)槊看渭虞d子應(yīng)用，都是一次資源重新加載的過程，每次都要重新渲染頁面，當(dāng)然了，如果你睜一只眼閉一只眼，這個問題也是可以忍受的。第三個問題，因?yàn)橛哺綦x導(dǎo)致的主應(yīng)用和子應(yīng)用之間數(shù)據(jù)完全隔離，不共享，導(dǎo)致你需要做很多額外工作來處理，比如每個子應(yīng)用的免登陸問題，數(shù)據(jù)實(shí)時同步問題等等第四個問題，就是主應(yīng)用和子應(yīng)用之間因?yàn)镈OM結(jié)構(gòu)不共享，而導(dǎo)致的UI不同步問題。比如這個場景，我們要求子應(yīng)用中的彈窗要在瀏覽器中居中顯示，用戶拖動瀏覽器大小時候，也要自適應(yīng)居中，其實(shí)做起來就很麻煩，增加了很多額外的工作量。以上，就是為什么不建議用iframe做微前端的原因了，大家在面試時，如果被面試官問到了，就可以從上面四個方向來回答。#前端##前端爆了##前端面試必備寶典#

今天看有個人說自己干前端8年了，覺得前端發(fā)展太快了，換了框架，雖然自己可以快速上手，但是剛畢業(yè)的應(yīng)屆生也可以做到，感覺前端入門門檻越來越低，想轉(zhuǎn)行或繼續(xù)卷，問該如何破圈?首先，如果不是家里有礦，或者已經(jīng)有了其他更賺錢的門路，要不不建議轉(zhuǎn)行，技術(shù)行業(yè)是平均薪資比較高的行業(yè)了，其他行業(yè)普通員工很難達(dá)到這個薪資水平，理想哥之前認(rèn)識個前端，轉(zhuǎn)行去干銷售了，兩三個月一單都沒成，又回來做前端了。再者，理想哥建議是沒必要和前端卷，也沒必要和后端卷，因?yàn)槎疾皇呛芎玫倪x擇，技術(shù)是學(xué)不完的，你應(yīng)該找屬于自己的賽道，提升自己在公司的稀缺性。這個稀缺性該怎么提升呢？歡迎大家給個點(diǎn)贊收藏，聽理想哥繼續(xù)說來。有一個很好的路子就是，不管是App、后端、服務(wù)器、前端，其實(shí)都是工具，你要在掌握技術(shù)的基礎(chǔ)上，去熟悉業(yè)務(wù)。各行各業(yè)缺的是一個非常熟悉業(yè)務(wù)的人。找一個你喜歡并愿意從事的行業(yè)，然后去汲取行業(yè)知識和提高相關(guān)聯(lián)的業(yè)務(wù)能力，多和產(chǎn)品運(yùn)營溝通業(yè)務(wù)，多去參與業(yè)務(wù)，久而久之你自然就不太好替代，也就自然找到屬于你自己的賽道了。當(dāng)然，不是說技術(shù)不重要，技術(shù)還是挺重要的，只是在技術(shù)之外，你能深度了解業(yè)務(wù)，擁有比其他人更多地行業(yè)經(jīng)驗(yàn)，自然就不容易被替代了。選擇比努力更加重要，重要的是找到屬于你的賽道，而不是一直悶頭寫代碼。#前端##前端爆了##前端 開發(fā)工程師#

對于前端開發(fā)來說，工作年限超過5年，就應(yīng)該多思考下自己未來的職業(yè)發(fā)展方向了，是走管理，還是繼續(xù)走技術(shù)，還是轉(zhuǎn)行送外賣，針對想繼續(xù)走技術(shù)路線的同學(xué)，我建議大家可以考慮以下幾個細(xì)分方向：1. 深入理解業(yè)務(wù)?？梢哉驹诩夹g(shù)的角度提出可以改進(jìn)業(yè)務(wù)的建議，往前端交互以及用戶體驗(yàn)的方向去發(fā)展。2. 數(shù)據(jù)可視化。Canvas、WebGL、D3、Echarts、webgis等等，都是這個方向需要學(xué)習(xí)的技術(shù)點(diǎn)，這是一個很好的方向，而且后面可以也可以嘗試去做游戲仿真，虛擬現(xiàn)實(shí)等。3. 跨端。去做跨平臺方案的設(shè)計(jì)和開發(fā)，比如說uniapp，taro，flutter，RN等等4. 瀏覽器的音視頻富媒體功能的開發(fā)，像WebRTC。5. 前端運(yùn)營方向。幫助運(yùn)營同學(xué)快速的搭建各種各樣的活動頁面，像可視化平臺，低代碼等等6. 業(yè)務(wù)基建&架構(gòu)方向，這個方向很考驗(yàn)?zāi)愕募夹g(shù)深度和廣度，特別適合只想專心做技術(shù)，且癡迷技術(shù)的同學(xué)。7. 前端運(yùn)維部署方向。需要你了解運(yùn)維、部署方面的知識。8. nodejs全棧方向，做一個偏向于服務(wù)端的前端開發(fā)。除了以上這些，還有哪些方向？歡迎大家在評論區(qū)補(bǔ)充。#前端##前端面試必備寶典##前端 開發(fā)工程師##前端爆了##前端面試#

1. 代碼題：實(shí)現(xiàn)lodash的set和get方法2. 說一下亮點(diǎn)項(xiàng)目，有什么難點(diǎn)？3. 拖拽是如何實(shí)現(xiàn)的？為什么要自研？如何判斷出一個技術(shù)方案是不是你們公司的最優(yōu)解？4. 場景題：如果你的低代碼平臺基礎(chǔ)上要實(shí)現(xiàn)多個組件的聯(lián)動，你會怎么實(shí)現(xiàn)？5. 實(shí)現(xiàn)色子5的布局6. 實(shí)現(xiàn)色子3的布局圖片7. flex的一些具體屬性的考察8. 不用flex有哪些方案可以實(shí)現(xiàn)上面的布局，用 transform 可以實(shí)現(xiàn)嗎9. 有獨(dú)立部署的經(jīng)驗(yàn)嗎？nginx的作用是什么？10. 轉(zhuǎn)發(fā)服務(wù)常見的nginx的配置11. 有接觸node相關(guān)的知識嗎？12. linux查日志的命令是啥？看某個文件的尾部一千行命令是什么？13. 對微前端的了解，以及是如何運(yùn)用微前端架構(gòu)的？#前端##前端面試必備寶典##前端 開發(fā)工程師##前端爆了#

前端入門/進(jìn)階該看哪些書？網(wǎng)上有很多人推薦前端書籍，但是我覺得很多書要么過時，要么很厚看起來頭疼，從我自己的親身經(jīng)歷給大家推薦幾本前端書籍吧，這些書每一本都是那種看完會讓你秒不絕口的，也基本都是前端必讀書籍了。歡迎大家點(diǎn)贊收藏下，如果想要電子版，歡迎評論區(qū)留言：CSS：1. CSS 世界、CSS 新世界：CSS世界三部曲中的其中兩部，以CSS新特性的歷史背景為線索，深入淺出地介紹了上百個CSS新特性。主要目標(biāo)是幫助前端開發(fā)者突破CSS技能提升的瓶頸，非常適合具有一定CSS基礎(chǔ)的前端開發(fā)者閱讀。2. CSS 權(quán)威指南：本書對 CSS 進(jìn)行了系統(tǒng)的講解，適合當(dāng)工具書來閱讀。JavaScript：1. JavaScript高級程序設(shè)計(jì)：前端開發(fā)最值得閱讀的書籍之一，也就是傳說中的紅寶書，適合所有階段的前端開發(fā)者閱讀。2. 你不知道的JavaScript（上卷+中卷+下卷）：深入語言內(nèi)部，弄清楚JavaScript每一個零部件的用途，讓你輕松理解前端圈里出現(xiàn)的各種技術(shù)、框架和流行術(shù)語3. ES6標(biāo)準(zhǔn)入門：本書根據(jù)ES2017標(biāo)準(zhǔn)，詳盡介紹了所有新增的語法，對基本概念、設(shè)計(jì)目的和用法進(jìn)行了清晰的講解，給出了大量簡單易懂的示例。其難度適中，適合那些已經(jīng)對 JavaScript 有一定了解的讀者。Vue：1. Vue.js設(shè)計(jì)與實(shí)現(xiàn)：Vue.js 官方團(tuán)隊(duì)成員霍春陽傾力打造，適合有一定 Vue 開發(fā)經(jīng)驗(yàn)的的開發(fā)者閱讀。React：1. 深入React技術(shù)棧：深入react原理去講解，既有基礎(chǔ)知識的回顧，也有進(jìn)階知識的講解，適合有一定經(jīng)驗(yàn)的前端開發(fā)人員。Node.js：1. 深入淺出Node.js：從不同的視角介紹了 Node 內(nèi)在的特點(diǎn)和結(jié)構(gòu)，幫你深入且徹底的了解Nodejs2. 更了不起的Node.js：本書講解了Node.js的基礎(chǔ)知識、開發(fā)調(diào)試方法、源碼原理和應(yīng)用場景，旨在向讀者展示如何通過新的Node.js和npm編寫出更具前端特色、更具工程化優(yōu)勢的代碼TypeScript：1. 深入理解TypeScript：本書涵蓋了TypeScript的大部分知識點(diǎn)，并對其進(jìn)行了細(xì)致的講解，適合入門TypeScript的開發(fā)者閱讀。#前端##前端面試必備寶典##前端 開發(fā)工程師##前端爆了##前端如何準(zhǔn)備秋招#

我覺得主要還是因?yàn)楝F(xiàn)在大多數(shù)人的簡歷沒有太多亮點(diǎn)難點(diǎn)，沒辦法快速區(qū)分，各大公司又對你一無所知，所以出一些算法題快速篩選下你聰明不聰明，尤其是字節(jié)拼多多這種不缺簡歷的大廠，每天都有大量面試者，這種做法更常見?，F(xiàn)在的算法題早都已經(jīng)不是之前的腦筋急轉(zhuǎn)彎這種形式了，只要你聰明勤快，多刷下常見題型，再加上臨場發(fā)揮下，還是可以應(yīng)對的。反而簡歷中的項(xiàng)目亮點(diǎn)難點(diǎn)其實(shí)是更容易包裝的，所以，很多大廠都采用項(xiàng)目經(jīng)驗(yàn)+算法這種方式來組合面試。但是這種靠算法來篩選候選人的方式是否真的有效嗎？對于最會做題的基層開發(fā)，確實(shí)是一個很好的方式。但是對于級別越高的資深前端，這種方式就不一定有效了，就像React 核心開發(fā)者 Dan 之前直播面試，一道找兔子的算法題，Dan 也是寫了二十多分鐘才寫出來，難道你會因?yàn)?amp;nbsp;Dan 算法題寫的不好，而認(rèn)為你比他厲害嗎？大公司的面試標(biāo)準(zhǔn)不一定就是對的，之前就有同學(xué)去面試字節(jié)，前面的題目都答的挺好的，就后面一道算法題沒答出來就被掛了，這真的合理嗎？這是在招攬人才呢，還是在招做題家呢？ 所以呢，大家也不用焦慮，千萬不要有算法題沒做出來等于能力不行這種想法，要有自信，面試官可能心里鄙視你連這么簡單的算法題都不會，但是你反過來問他一些你擅長的問題，他可能也答不出來。 就像我，都是裸面字節(jié)，從來沒有背過leetcode，一面就掛了。#前端##前端面試必備寶典##前端爆了##前端八股#

天翼云 一面 10.11js的事件機(jī)制 說了事件循環(huán)、事件委托、事件冒泡、事件捕獲有哪些宏任務(wù)和微任務(wù)axios是宏任務(wù)還是微任務(wù)es6新增的數(shù)組對象的一些方法，列舉一些map和reduce的使用場景map和weakMap的區(qū)別閉包是什么？閉包的作用vue2的生命周期如果要對dom元素進(jìn)行操作，那么應(yīng)該在哪個生命周期父子組件之間的傳值的方法響應(yīng)式布局（header+content（left+right））flex彈性布局最近項(xiàng)目介紹一下，開發(fā)過程中遇到的難點(diǎn)，你覺得你做的比較好的地方是什么？反問：你了解天翼云嗎？部門業(yè)務(wù)，技術(shù)棧等面試的時候，正在背八股呢，面試官打斷了我的八股吟唱，讓我別背了...

望眾知 #前端# #前端爆了# #前端就業(yè)# #我的求職思考#

你是怎么理解Vue響應(yīng)式原理的？，這是一道前端面試非常高頻的Vue面試題，但是很多同學(xué)在面試時候只能說出個大概，老規(guī)矩，點(diǎn)贊收藏支持一下，給我一分鐘，理想哥教大家該怎么滿分回答這個問題如果我是求職者，我會這么回答：在vue2中，Vue的響應(yīng)式原理是使用Object.defineProperty來實(shí)現(xiàn)的，使用defineProperty挨個對data中的屬性實(shí)現(xiàn)監(jiān)聽，當(dāng)數(shù)據(jù)變化后再去觸發(fā)視圖的更新。但是Object.defineProperty有以下缺點(diǎn)第一，對于復(fù)雜對象需要深度監(jiān)聽，一次性監(jiān)聽到底，計(jì)算量比較大第二，對于對象的新增/刪除屬性的操作，無法監(jiān)聽，需要 Vue.$set、Vue.$d...

#前端爆了##牛客幫幫團(tuán)來啦！有問必答##前端工作##前端web滴滴#4月結(jié)尾才開始投，不知道中廠會不會要本人，普通學(xué)校背景，看到現(xiàn)在春招快結(jié)束，前端程序員不知道還要什么企業(yè)可以投，到時候萬一沒有offer也不知道怎么搞現(xiàn)在各位同仁大佬知道還有哪些公司有hc嗎?還是說直接boss、智聯(lián)、51、海投各種網(wǎng)站直接找hr比較靠譜？or直接沖國企？=>不卷了，直接上岸965？#?？蛶蛶蛨F(tuán)來啦！有問必答##牛客在線求職答疑中心##金三銀四，你有感覺到嗎##前端##曬一曬我的offer##web前端#

最右 一面 9.19前綴和和后綴和字符串的消消樂找出數(shù)組中出現(xiàn)次數(shù)為3的一個元素二叉樹的右視圖最長無重復(fù)子串最右 二面 9.19項(xiàng)目相關(guān)問題，主要問項(xiàng)目promise問了一些瀏覽器的相關(guān)知識最右 hr面 （oc）9.19為什么選擇最右？對最右的了解？對計(jì)算機(jī)行業(yè)的看法等等問問大佬們，最右怎么樣？?。。∵x不選？（攜程和最右選擇什么）

哈嘍，大家好呀，我是前端理想哥，最近發(fā)現(xiàn)好多同學(xué)都搞不清楚PV和UV的區(qū)別，今天理想哥快速和大家講解下，歡迎點(diǎn)贊收藏。PV和UV主要用來對網(wǎng)站數(shù)據(jù)進(jìn)行統(tǒng)計(jì)，PV英文是Page View，指的是頁面訪問量，表示網(wǎng)站被訪問的總次數(shù)。用戶每次對網(wǎng)站的訪問均會被記錄為一次PV，每刷新一次網(wǎng)站也會被記錄一次PV，用戶對一個網(wǎng)站的多次訪問，最終會累加為一個最終的PV，比如用戶在頁面刷新了4次頁面，那么pv就+4UV英文是Unique Visitor，指的是獨(dú)立訪問用戶數(shù)，表示一段時間內(nèi)，訪問某網(wǎng)站的獨(dú)立IP地址，如果一個用戶多次訪問了網(wǎng)站，則只會被計(jì)算成一次UV，多次刷新頁面，也只會被計(jì)算成一次UV。PV主要用來統(tǒng)計(jì)網(wǎng)站被訪問的總次數(shù)，UV用來統(tǒng)計(jì)網(wǎng)站被訪問的總訪客數(shù)量。#前端##前端or后端##前端爆了##前端現(xiàn)狀#

哈嘍，大家好，今天我們來聊個話題，前端Leader究竟要不要寫代碼？理想哥也曾做過一段時間的管理，積累了一些管理經(jīng)驗(yàn)，我覺得前端Leader 究竟要不要寫代碼需要取決于團(tuán)隊(duì)是否需要，如果Leader寫代碼可以給團(tuán)隊(duì)帶來效益最大化，那就寫，如果不能，那就不需要寫。具體其實(shí)可以根據(jù)你的團(tuán)隊(duì)人數(shù)規(guī)模來決定。如果團(tuán)隊(duì)人數(shù)小于10人，那Leader應(yīng)該大部分時間以寫代碼為主，不僅寫代碼，還需要承擔(dān)團(tuán)隊(duì)疑難問題的攻堅(jiān)者和解決者，必須得起到技術(shù)兜底的作用。核心的代碼甚至你應(yīng)該自己親自寫，免得后續(xù)不斷地因?yàn)槭窒氯私?jīng)驗(yàn)不足而不斷返工。寫代碼之外，少部分時間用來管理。如果團(tuán)隊(duì)人數(shù)10-20人時，Leader就會感覺自己的時間被碎片化了，因?yàn)橐粩嗟厝ヌ幚砀鞣N問題，需要不斷出決策方案。這個時候確實(shí)很難投入很多時間在寫代碼上，需要找一個技術(shù)上的backup，由這個backup來做核心代碼的編寫，自己可以從日常代碼編寫中抽出身來做架構(gòu)設(shè)計(jì)和一些code review工作，這個時候，可能需要投入60%時間用來做管理，40%時間來做研發(fā)了。如果團(tuán)隊(duì)人數(shù)超過20人，Leader的時間就會更加碎片化，需要去處理一個個團(tuán)隊(duì)的突發(fā)事件，還要去和各個部分撕逼，幫組里面小朋友成長提高升職加薪，還要做各種PPT等等。這個時候就要盡可能的讓自己從代碼編寫中脫身出來，把具體的代碼編寫交給一個個的小組長，讓團(tuán)隊(duì)成長，靠團(tuán)隊(duì)出結(jié)果，自己應(yīng)該從全局角度去思考，去做，如何提升團(tuán)隊(duì)整體的戰(zhàn)斗力，當(dāng)然，如果實(shí)在手癢，也可以挑選一些重要但是不緊急的開發(fā)任務(wù)，比如寫一些自動化工具啥的給團(tuán)隊(duì)來用。理想哥也建議大家做管理后，還是應(yīng)該不斷地去學(xué)習(xí)技術(shù)，精進(jìn)技術(shù)，時常找機(jī)會寫寫代碼，讓自己不斷保持手感和對技術(shù)的敏感度，只要有技術(shù)傍身，找工作時就有底氣。最后呢，歡迎大家來聊聊，你們公司的前端Leader寫代碼嗎？歡迎評論區(qū)留言。#前端##前端面試必備寶典##前端爆了#

#前端爆了##前端、后端、算法、ios、安卓、運(yùn)營…#2024春招前端開發(fā)崗位你現(xiàn)在找的怎么樣了呢？本人投遞4月下旬起，由于手撕算法估計(jì)過不了直接跳過大廠，有些中小公司還開了，少量hc，現(xiàn)在每天就是找國企、研究所，范圍包括新能源、會聯(lián)網(wǎng)、新勢力車企、國企、英航、基金、研究所等等，現(xiàn)在今年的行情基本就是拿到一個offer再說了有哪位大佬還知道有hc的，或者有前端比較多的機(jī)會的企業(yè)嗎？歡迎各位24春招的大佬交流，在評論區(qū)或者直接轉(zhuǎn)發(fā)評論祝各位都找到24春招滿意的工作~#前端##春招##春招你拿到offer了嗎##春招別灰心，我們一人來一句鼓勵##春招末班車##春招24屆##春招24屆#

哈嘍，大家好呀，我是前端理想哥，先祝大家新年快樂，萬事如意。好多同學(xué)在學(xué)習(xí)React18時，應(yīng)該都見過并發(fā)這個詞，那么你知道并發(fā)和并行有什么區(qū)別嗎？今天理想哥快速和大家講解下，歡迎大家先點(diǎn)贊收藏。并發(fā)指的是具備處理多個任務(wù)的能力，但不是在同一時刻處理，每次只會處理一個任務(wù)，交替處理多個任務(wù)。并行指的是具備處理多個任務(wù)的能力，同一時刻可以處理多個任務(wù)。是不是聽到這些概念會頭暈？沒事，理想哥舉個例子給大家講明白比如，你現(xiàn)在正在吃飯，突然來了個電話，你一直等吃飯完了以后才去接電話，這就說明你不支持并發(fā)也不支持并行。你停下了吃飯去接電話，接完電話繼續(xù)吃飯，這說明你支持并發(fā)，因?yàn)槟憔邆淞颂幚沓燥埡徒与娫挾鄠€任務(wù)的能力，但是在同一時刻只吃飯或者只接電話。如果你一邊打電話一邊吃飯，那就說明你支持并行，因?yàn)槟憔邆淞颂幚沓燥埡徒与娫挾鄠€任務(wù)的能力，但是同一時刻既在吃飯也在打電話。#前端##前端 開發(fā)工程師##前端爆了##前端高頻面試#