web前端方面的工作經(jīng)歷都有哪些呢？

1、三大基礎(chǔ)技能，js、css、html這三項技能是前端工程師能力中的基礎(chǔ)，任何框架、工具、庫都是基于這三者只上的。這是硬實力，決定了整個前端生涯能夠達(dá)到的高度，以及在后面的技術(shù)棧拓展中的順暢程度和能夠達(dá)到的效果。
2、工程能力要有，前端工程師首先是個工程師，做項目就是在做工程，所以懂得如何把一個項目的前端部分的工程運(yùn)行起來，是另一項必備技能。
grunt、gulp、webpack都是著名的工程類工具，這些工具只要能熟練使用，就基本符合工程能力的要求。但是如果想要拿到更高一個層次的offer，理解工作原理必不可少。這些工具的根本作用，就是對資源的處理，包括代碼的壓縮打包、本地服務(wù)器的架設(shè)等。
3、調(diào)試能力要必備，如果還在用alert、console來調(diào)試程序定位問題，那么你還不符合要求。
學(xué)習(xí)chrome調(diào)試工具的使用，Elements查看元素、Network查看網(wǎng)絡(luò)請求、Sources查看代碼，設(shè)置斷點(diǎn)定位問題、call stack查看調(diào)用棧。這個能力很少有人提到，但是掌握這些技能，不僅能在面試時加分，更重要的是在日后實際的項目中發(fā)揮的作用。
4、團(tuán)隊協(xié)作能力指的就是git，在項目開發(fā)中必不可少，熟練使用git，掌握常用的命令，學(xué)會解決沖突。
5、熱門框架的使用vue、react是當(dāng)前兩個最熱門的框架，能夠熟練使用是基本要求，如果你想在眾多求職者中脫穎而出，你還需要理解原理，還是那句話，你跟offer的差距就是使用與實現(xiàn)的差距。試著理解virtual dom的原理，響應(yīng)式的原理，雙向數(shù)據(jù)綁定的原理。
6、項目經(jīng)驗要可靠，不是“仿了幾個頁面”，而是“項目”的經(jīng)驗，是經(jīng)歷過整個項目從0到1全過程的經(jīng)驗，在這個過程中遇到了什么坑，如何解決的，解決的過程中是如何思考的。

Web前端開發(fā)工程師的工作內(nèi)容

Web前端開發(fā)工程師，除了主要職責(zé)外，還要為網(wǎng)站上提供的產(chǎn)品和服務(wù)實現(xiàn)一流的Web界面，優(yōu)化代碼并保持良好兼容性；Web前端表現(xiàn)層及與前后端交互的架構(gòu)設(shè)計和開發(fā)；配合后臺開發(fā)人員實現(xiàn)產(chǎn)品界面和功能。

利用各種Web技術(shù)模擬開發(fā)產(chǎn)品原型；Web新技術(shù)調(diào)研和資訊整理；；精通HTML/XHTML、CSS，熟悉頁面架構(gòu)和布局，對Web標(biāo)準(zhǔn)和標(biāo)簽語義化有深入理解；熟悉Ajax、JavaScript(或者)、DOM等前端技術(shù)，掌握面向?qū)ο缶幊趟枷搿?

擴(kuò)展資料

必須掌握基本的Web前端開發(fā)技術(shù)，其中包括：CSS、HTML、DOM、javascript、Ajax等，在掌握這些技術(shù)的同時，還要清楚地了解在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。

在一名合格的前端工程師的知識結(jié)構(gòu)中，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識也是必須掌握的。

會運(yùn)用各種工具進(jìn)行輔助開發(fā)。比如：處理IE系列瀏覽器兼容性問題的IEtester、FF排錯用的Firebug、、JavaScriptDebugger等。

除了要掌握技術(shù)層面的知識，還要掌握理論層面的知識，包括代碼的可維護(hù)性、組件的易用性、分層語義模板和瀏覽器分級支持，等等。

web前端的主要工作內(nèi)容是什么？

1、入門級

做頁面。就這么簡單。把Designer出的各種設(shè)計圖轉(zhuǎn)化成html+css+js+image的靜態(tài)網(wǎng)頁，并把它們交給后端開發(fā)人員制作成頁面模板。這就是入門級的前端工程師所做的事情。

2、進(jìn)階級

還是做頁面。不過稍微復(fù)雜一些，你需要開始注意一些更復(fù)雜的問題，首當(dāng)其沖的就是瀏覽器兼容性問題。老實說瀏覽器兼容性問題真的不是那么好搞定的，畢竟每個項目對瀏覽器版本的要求都不一樣，而且現(xiàn)在不光有PC瀏覽器還有各種移動設(shè)備上的瀏覽器，同時國內(nèi)廠家的瀏覽器種類也越來越多，坑也是密密麻麻。除了兼容性，你可能還要關(guān)注一下性能問題，包括但不限于網(wǎng)絡(luò)性能、渲染性能、js邏輯的性能等等，這個展開講可以寫本小冊子了。

3、中級

帶團(tuán)隊。你可能會奇怪，一個中級工程師就能帶團(tuán)隊了?可是真的很多公司就是這樣，尤其是小公司。當(dāng)你了解了html、js、css以及各種瀏覽器的各種特性細(xì)節(jié)之后，你會被任命帶領(lǐng)一個小的開發(fā)團(tuán)隊，當(dāng)然是前端開發(fā)團(tuán)隊?？赡芗幽阋还惨簿腿膫€人，甚至更少。這時候你的工作內(nèi)容除了自己寫一點(diǎn)頁面以外，還會幫助組員解決各種各樣的細(xì)節(jié)問題，畢竟，組里，你是最懂技術(shù)細(xì)節(jié)的。這個時候，一部分人開始停步不前，而另一部分人開始關(guān)注另一個新的問題：工程化。前端代碼都是非常松散的，項目結(jié)構(gòu)性差，一旦開發(fā)人員數(shù)量多起來，業(yè)務(wù)復(fù)雜起來，如何管理這么多人、這么多代碼是個非常大的問題。能否在這個問題上得到突破，決定了你能否邁向下一個級別。

4、高級

架構(gòu)設(shè)計。此時你熟悉前端開發(fā)的各種技術(shù)細(xì)節(jié)，同時對各種前端框架、技術(shù)的特性聊熟于胸，你知道如何組織和管理項目讓大家能以最快的速度達(dá)到項目要求，你甚至了解手下每個人的所長所短。于是IT培訓(xùn)發(fā)現(xiàn)當(dāng)新項目到來，你迅速根據(jù)自身過往的經(jīng)驗選取若干種技術(shù)和工具，配上你認(rèn)為最合適的人選組成項目團(tuán)隊，披荊斬棘日夜兼程將產(chǎn)品汪的各種奇葩需求斬于馬下。這么做了一兩個項目之后，你可能又覺得空虛了，你要尋求新的目標(biāo)。恰好，NodeJS打開了通往新世界的大門。