Web前端工程師要掌握的工作經(jīng)驗(yàn)

今天小編要跟大家分享的文章是關(guān)于Web前端工程師要掌握的工作經(jīng)驗(yàn)。設(shè)計(jì)師與工程師的交流經(jīng)常是雞同鴨講，牛頭對不上馬嘴，為了幫同學(xué)們搞定這個(gè)難題，小編整理了一個(gè)列表，幫同學(xué)們能跟工程師無障礙溝通，全是非常實(shí)用的知識(shí)點(diǎn)。





開發(fā)者一般不是令人驚艷的設(shè)計(jì)師，設(shè)計(jì)師也通常不是出色的開發(fā)者。雖然有很多例外，但這兩行的門道對對方而言都是難以言說的謎，然而雙方卻要在這種情況下合作完成項(xiàng)目。作為在兩個(gè)領(lǐng)域都工作過的人，北大青鳥web前端培訓(xùn)專家整理了一個(gè)列表，使設(shè)計(jì)師能夠更好地輔助開發(fā)者開發(fā)應(yīng)用和網(wǎng)站。下面來和小編一起看一看吧！


一、Photoshop


開發(fā)者經(jīng)常需要處理設(shè)計(jì)師制作的Photoshop
PSD文件，因此任何對設(shè)計(jì)師有益的事情也會(huì)對開發(fā)者有益，包括繪制易于維護(hù)、易于理解的PSD文件。


1、有效地進(jìn)行版本控制


設(shè)計(jì)師經(jīng)常會(huì)面對各種裝滿了一堆沒有清晰版本命名的PSD的文件夾。為了解決這個(gè)問題，設(shè)計(jì)師可以事先確定一種合適的版本命名格式(理想的格式應(yīng)該使文件在字順排序下自動(dòng)有意義地排列)。


2、保持圖層


不要輕易合并圖層。需要導(dǎo)出時(shí)，通過組合，隱藏/顯示圖層的方式來進(jìn)行，導(dǎo)出后再把文件恢復(fù)到原來的狀態(tài)。不要輕易破壞有用的數(shù)據(jù)。電腦性能更不是合并圖層的理由——若被此限制，你應(yīng)該做的是買內(nèi)存更大，性能更好的電腦。


3、對圖層進(jìn)行有意義的命名


雖然對圖層命名比較繁瑣，但這樣做確實(shí)能夠幫助理解，尤其是在重用文件元素的時(shí)候。命名時(shí)應(yīng)確保文字圖層的名稱反應(yīng)其內(nèi)容。重復(fù)的圖層也要進(jìn)行有意義的命名，而不是簡單的“副件”。


4、合理地對圖層編組


應(yīng)該把分散在不同圖層的視覺元素編為一組。對單一設(shè)計(jì)的文件來說，編組整體上應(yīng)該一致按照從左到右，從上到下的順序。層次和順序比按顏色編碼圖層更好，因?yàn)閳D層移動(dòng)時(shí)，顏色還需要保持。


5、去掉不需要的圖層


不再需要的舊版本、模版和參考材料以及臨時(shí)復(fù)件應(yīng)該從圖層中及時(shí)刪除。間歇性地瀏覽一下你的所有圖層，及時(shí)刪除不需要的東西。


6、使用圖層復(fù)合


Photoshop的圖層復(fù)合功能可以讓你制作多組圖層狀態(tài)，如可見性，位置甚至圖層風(fēng)格。你可以用圖層復(fù)合功能來靈活地在一份文件中整合設(shè)計(jì)中不同部分(比如網(wǎng)站的多個(gè)標(biāo)簽、應(yīng)用的多個(gè)頁面)。這樣做可以不必保留重復(fù)的圖層編組，從而減小文件大小。


7、保存矢量文件和可伸縮效果


在設(shè)計(jì)應(yīng)用時(shí)，很可能會(huì)需要原設(shè)計(jì)兩倍尺寸的圖片來適應(yīng)有雙倍像素的新設(shè)備。確保在這種情況下你不需要重新繪制所有的圖標(biāo)。


二、助力開發(fā)者


還有一些特別與應(yīng)用及網(wǎng)頁設(shè)計(jì)相關(guān)的建議，每項(xiàng)都有相應(yīng)的要求和限制。


8、學(xué)會(huì)在縮放時(shí)保存圓角


操作系統(tǒng)經(jīng)常會(huì)統(tǒng)一圓角的角半徑(iOS通常為12像素)。Adobe
Fireworks會(huì)保持圓角矩形的角半徑，但Photoshop不會(huì)。因此確保你用直接選擇工具來選取圓角的點(diǎn)并且以傳統(tǒng)的方式縮放圖像。


9、在72ppi下進(jìn)行設(shè)計(jì)


一個(gè)像素就是一個(gè)像素，更多的像素只會(huì)生成更大的文件。不要通過改分辨率來蒙混過關(guān)。


10、對齊像素


確保相關(guān)的形狀工具設(shè)置成對齊像素。根據(jù)你的需要使用像素網(wǎng)格等工具。一貫使用偶數(shù)尺寸來方便裁剪。


11、使用RGB模式


這點(diǎn)不僅對顏色顯示重要，對開發(fā)者將顏色正確地寫入代碼也同樣關(guān)鍵。


12、資源準(zhǔn)備是你工作的一部分


很多(大多數(shù))開發(fā)者除了基本的編輯功能外對Photoshop一竅不通。設(shè)計(jì)師需要適時(shí)地導(dǎo)出可能會(huì)在應(yīng)用或網(wǎng)站上用到的裁剪圖，因?yàn)楫吘顾麄兪菍ξ募蚉hotoshop最熟悉的人。這項(xiàng)工作雖然很痛苦，而且很耗時(shí)，但這是除“設(shè)計(jì)”外90%的工作。


13、謹(jǐn)慎地使用字體


不同的設(shè)備和操作系統(tǒng)的預(yù)設(shè)字體有所不同，因此不能確保這些設(shè)備都有你進(jìn)行設(shè)計(jì)的電腦上的字體(事實(shí)上，你比一般人的設(shè)備上的字體都多)。基本上，將應(yīng)用或網(wǎng)站上的文字以實(shí)際文本的格式呈現(xiàn)會(huì)有更好的效果，但這也使對字體的選擇不僅基于視覺，還有可行性上的考慮。


還有一點(diǎn)值得注意，允許個(gè)人設(shè)計(jì)使用的許可也許不允許你將該字體完全使用在應(yīng)用或網(wǎng)頁上。在選定設(shè)計(jì)中使用的字體之前，確保和你的開發(fā)者或客戶進(jìn)行有效溝通。


14、確定設(shè)計(jì)尺寸


對移動(dòng)設(shè)備應(yīng)用來說，屏幕尺寸不是全部信息，你還需要考慮系統(tǒng)狀態(tài)欄等的存在，以及他們?nèi)绾卧谄聊粰M排和豎排時(shí)影響尺寸(比如iOS設(shè)備的頂端狀態(tài)欄會(huì)在橫排的時(shí)候減小較小邊的尺寸，在豎排的時(shí)候減小大邊的尺寸)。和你的開發(fā)者確認(rèn)一下應(yīng)用是否為完整的全屏很必要。


15、使用平臺(tái)風(fēng)格


每個(gè)平臺(tái)(操作系統(tǒng))都有其獨(dú)特的用戶界面元素和交互風(fēng)格(也會(huì)根據(jù)不同的設(shè)備有所不同)。在設(shè)計(jì)時(shí)注意這些風(fēng)格，并且除了有特殊原因，不要進(jìn)行與平臺(tái)本身風(fēng)格差別太大的設(shè)計(jì)。例如，在iPad上，你會(huì)發(fā)現(xiàn)這些需要注意的地方：


1、支持兩種屏幕方向的強(qiáng)烈需求


2、雙欄設(shè)計(jì)在兩種屏幕方向上都可接受


3、將彈出框作為一種界面元素和分組機(jī)制


4、確定的文件瀏覽器的風(fēng)格


5、在級(jí)別較高的導(dǎo)航欄中，返回按鈕是向左指的圖標(biāo)


因此，在設(shè)計(jì)時(shí)要熟悉平臺(tái)，因?yàn)槟愕脑O(shè)計(jì)要適應(yīng)它。沒有哪一種單一的設(shè)計(jì)可以適應(yīng)所有的平臺(tái)。。


16、對橫排和豎排分別進(jìn)行設(shè)計(jì)


不同的屏幕方向需要不同的交互設(shè)計(jì)風(fēng)格，這不僅是因?yàn)槠聊粚捀弑?，還因?yàn)橛脩粢圆煌较蚴殖衷O(shè)備時(shí)外形、重量和平衡上的區(qū)別。只針對適應(yīng)屏幕寬高比進(jìn)行設(shè)計(jì)頂多是一個(gè)糟糕的妥協(xié)策略。


17、針對每種主流尺寸和情景進(jìn)行設(shè)計(jì)


同一應(yīng)用在手機(jī)、平板和電腦上的內(nèi)容和交互都應(yīng)有所不同。對移動(dòng)設(shè)備而言，我們也需要考慮注意力持續(xù)時(shí)間、注意力分散、使用設(shè)備時(shí)的身體協(xié)調(diào)性減弱，以及用戶在移動(dòng)或危險(xiǎn)情境下使用設(shè)備的可能性(例如走路時(shí)的障礙物、過馬路時(shí)的交通情況以及駕駛安全性)。這些使用情景與設(shè)備的尺寸和本質(zhì)有不可否認(rèn)的關(guān)系，有效的設(shè)計(jì)應(yīng)該充分考慮這些因素。


18、使用純正的，至少實(shí)際的示例內(nèi)容


好的示例內(nèi)容標(biāo)準(zhǔn)有以下幾條：


1、示例內(nèi)容涵蓋應(yīng)用可能的長度，而不是僅僅為了原型設(shè)計(jì)的方便。


2、設(shè)計(jì)必需的數(shù)據(jù)缺省時(shí)的顯示方案，尤其如用戶照片等。


3、考慮不合需要的輸入示例，比如需要進(jìn)行裁剪的過寬或過長的圖片。


4、包含極端或少見的名字示例，包括超長或不間斷的姓和名。


5、地址不限制為當(dāng)?shù)氐牡刂沸问?，而包括各種可能的長度和格式。


6、在設(shè)計(jì)的任何角落都找不到“Loremipsum”。


19、本地化考慮


當(dāng)大多數(shù)人考慮支持其它語言時(shí)，他們想的是文本。而當(dāng)設(shè)計(jì)師或開發(fā)者考慮本地化時(shí)，他們應(yīng)該考慮的是布局。為了實(shí)現(xiàn)本地化，你的設(shè)計(jì)應(yīng)該使所有文本支持與英文50%的寬度差異。在顯示同等內(nèi)容時(shí)，亞洲語言需要的空間比英語少接近50%，而歐洲語言會(huì)比英語多接近50%。這個(gè)問題在設(shè)計(jì)按鈕和幫助文本時(shí)尤其重要。


20、考慮屏幕全局光源


作為設(shè)計(jì)師，你應(yīng)該早就了解每個(gè)平臺(tái)都有其不可改變的屏幕全局光源(例如在iOS上，是在中心的正上方，或90度)。所有高光和陰影效果都應(yīng)該和平臺(tái)的光源相協(xié)調(diào)。


21、明確導(dǎo)航和組織控件設(shè)計(jì)


向你的開發(fā)者明確展示你的設(shè)計(jì)中包含的標(biāo)簽、下拉菜單或者其它閉合機(jī)制。在進(jìn)行這種控件設(shè)計(jì)時(shí)，要尊重平臺(tái)的設(shè)計(jì)慣例。開發(fā)者在進(jìn)行開發(fā)時(shí)需要明確了解信息層次，因此你要確保你的設(shè)計(jì)清晰地展示你的意圖。圖層復(fù)合在這種情況下非常有用。


22、導(dǎo)出圖形時(shí)不進(jìn)行壓縮


在導(dǎo)出時(shí)以PNG
alpha通道格式保存，除非被明確告知其它保存方式。除非被明確要求，否則不要使用JPEG格式。不要考慮圖像文件大小，因?yàn)殚_發(fā)者或他們的開發(fā)環(huán)境會(huì)對圖像進(jìn)行最優(yōu)化。以透明背景導(dǎo)出每個(gè)元素，而不是純色，即便你設(shè)計(jì)中的一部分背景確實(shí)是純色的。


23、詢問陰影的處理


和你的開發(fā)者溝通是否要將陰影效果包含在導(dǎo)出圖中。通常情況下，開發(fā)者會(huì)用CSS或?qū)懘a來應(yīng)用陰影，這樣做事實(shí)上會(huì)比直接使用預(yù)先保存的陰影位圖更方便容易。不要假定陰影效果應(yīng)該包含在圖像中，雖然在設(shè)計(jì)原型時(shí)用圖層展示陰影效果。


24、理解按鈕的構(gòu)建方法


應(yīng)用或網(wǎng)頁上的按鈕幾乎都不是用單一的圖片創(chuàng)建的，而通常是下面兩種情況：


a：3部分圖像，左端圖像，右端圖像，重復(fù)的單像素寬的中間部分(允許圖像的橫向擴(kuò)展)


b：9部分圖像，上中下-左端圖像，上中下-右端圖像，以及3個(gè)重復(fù)的上中下中間部分(允許按鈕的橫向和縱向擴(kuò)展)


最后想法


任何軟件都應(yīng)該是平面設(shè)計(jì)、交互設(shè)計(jì)和開發(fā)三者合作的結(jié)果，這三部分都同等重要。知道另外領(lǐng)域的需求對我們自己的工作非常有幫助。


以上就是小編今天為大家分享的關(guān)于Web前端工程師要掌握的工作經(jīng)驗(yàn)的文章，希望本篇文章能夠?qū)φ趶氖聎eb前端工作的小伙伴們有所幫助，想要了解更多web前端知識(shí)的小伙伴們記得關(guān)注北大青鳥web培訓(xùn)官網(wǎng)。最后祝愿小伙伴們工作順利！

web前端開發(fā)工程師崗位職責(zé)

web前端開發(fā)工程師崗位職責(zé) 篇1

職責(zé)

1、根據(jù)產(chǎn)品高保真開發(fā)前端頁面，攻克技術(shù)難題，在任務(wù)期限內(nèi)完成預(yù)定目標(biāo)

2、解決不同的瀏覽器及不同版本的兼容性問題，熟練掌握各種版本css

3、熟練使用組件化、模塊化開發(fā)方式

4、根據(jù)效果圖無差別還原前端展示效果和交互功能

任職資格：

1、2—3年以上全職工作經(jīng)驗(yàn)，計(jì)算機(jī)或相關(guān)專業(yè)全日制本科或以上學(xué)歷

2、熟悉并深度掌握一種前端構(gòu)建工具，如：Webpack/rollup/gulp等，熟練使用代碼檢查工具eslint

3、有一定的后端開發(fā)經(jīng)驗(yàn)（Java）為佳，理解HTTP協(xié)議，理解客戶端、服務(wù)端通信機(jī)制，熟練使用瀏覽器調(diào)試工具，熟練并深度掌握一種網(wǎng)絡(luò)抓包工具，如Filder、wireshark等

4、熟練使用vue、js、vuex

5、熟練使用原生JS操作各種對象，原生JS基本工扎實(shí)，CSS基本功扎實(shí)

6、良好的編碼習(xí)慣，勇于承擔(dān)工作壓力，具備良好的責(zé)任心和團(tuán)隊(duì)合作能力

web前端開發(fā)工程師崗位職責(zé) 篇2

職責(zé)：

1、負(fù)責(zé)web前端產(chǎn)品的框架設(shè)計(jì)與開發(fā)工作；

2、根據(jù)項(xiàng)目任務(wù)計(jì)劃按時(shí)完成軟件編碼和單元測試工作；

3、設(shè)計(jì)和實(shí)現(xiàn)代碼以滿足業(yè)務(wù)驅(qū)動(dòng)項(xiàng)目的需求；

4、評(píng)估和分解任務(wù)以達(dá)到實(shí)際的目標(biāo)；

5、跟蹤關(guān)鍵的交付成果。

任職資格：

1、本科及以上學(xué)歷，計(jì)算機(jī)相關(guān)專業(yè)；

2、精通HTML5、CSS3、JS、前后交互；

3、精通Javascript及相關(guān)類庫，至少精通一種Javascript類庫，如Jquery，layui；

4、熟練運(yùn)用Gulp、Grunt、Webpack等前端打包工具；

5、熟練掌握Git（分布式）、Svn（集中式）等源代碼版本管理工具，有良好的代碼習(xí)慣；

6、有使用layui進(jìn)行erp項(xiàng)目開發(fā)的經(jīng)驗(yàn)的優(yōu)先考慮；

7、網(wǎng)站性能優(yōu)化，各瀏覽器兼容性處理；

web前端開發(fā)工程師崗位職責(zé) 篇3

職責(zé)：

1、負(fù)責(zé)前端界面的開發(fā)及制作，以及前端與業(yè)務(wù)層交互開發(fā)和維護(hù)。

2、持續(xù)的優(yōu)化前端體驗(yàn)和頁面響應(yīng)速度，優(yōu)化代碼并保持良好兼容性，提升web界面的友好和易用。

3、根據(jù)產(chǎn)品需求，分析并給出最優(yōu)的頁面前端結(jié)構(gòu)解決方案。

4、確保產(chǎn)品具有優(yōu)質(zhì)的用戶使用體驗(yàn)和高性能。

5、配合后臺(tái)開發(fā)人員完成項(xiàng)目。

任職要求

1、本科及以上學(xué)歷，計(jì)算機(jī)及相關(guān)專業(yè)，4年以上互聯(lián)網(wǎng)工作經(jīng)驗(yàn)。

2、精通Bootstrap、Angular技術(shù)，包括HTML/HTML5/XHTML/XML/CSS等。

3、有網(wǎng)站設(shè)計(jì)的經(jīng)驗(yàn)，對行業(yè)內(nèi)的網(wǎng)站有自己的理解，精通各種設(shè)計(jì)軟件的基本操作。能夠理解客戶需求并且可以形成設(shè)計(jì)圖的優(yōu)先考慮。

4、精通Div、CSS布局的html代碼編寫，熟練手寫標(biāo)準(zhǔn)css樣式表，兼容各瀏覽器，精通html/xhtml、css，熟悉頁面架構(gòu)和布局，對web標(biāo)準(zhǔn)和標(biāo)簽語義化有深入理解。

5、熟練使用html5 canvas，對html5/css3方面有實(shí)際的理解和實(shí)踐經(jīng)驗(yàn)。

6、熟練使用PhotoShop對頁面圖片進(jìn)行修改和設(shè)計(jì)圖片圖標(biāo)等。

7、熟悉jquery mobile移動(dòng)前端框架。

8、精通Ajax、JavaScript、JQuery等前端腳本語言技術(shù)，掌握面向?qū)ο缶幊趟枷?，精通前端展現(xiàn)框架的一種：jquery，prototype ext等js框架。

9、對用戶可用性，用戶體驗(yàn)，用戶研究等相關(guān)知識(shí)有深入的了解和實(shí)踐經(jīng)驗(yàn)。

10、具有良好的分析和解決問題能力，對攻關(guān)疑難問題具有濃厚興趣。

web前端開發(fā)工程師崗位職責(zé) 篇4

職責(zé)：

1、負(fù)責(zé)產(chǎn)品的HTML5頁面架構(gòu)設(shè)計(jì)和開發(fā)工作；

2、根據(jù)產(chǎn)品需求，分析并給出最優(yōu)的頁面前端結(jié)構(gòu)解決方案；

3、應(yīng)用新技術(shù)，與UED團(tuán)隊(duì)合作，設(shè)計(jì)開發(fā)極具用戶體驗(yàn)的前端應(yīng)用；

4、較強(qiáng)溝通能力、學(xué)習(xí)能力，有責(zé)任心、有團(tuán)隊(duì)合作精神，性格開朗。

5、有移動(dòng)端開發(fā)經(jīng)驗(yàn)優(yōu)先

任職條件：

1、學(xué)歷：大專及以上工作經(jīng)驗(yàn)：2年及以上

2、精通HTML5、CSS3、JavaScript等Web前端開發(fā)技術(shù)；

3、精通MVVM、MVC，有過Vue等框架生產(chǎn)環(huán)境開發(fā)經(jīng)驗(yàn)至少一年vue使用經(jīng)驗(yàn)

4、熟悉主流瀏覽器，及Android與iOS等移動(dòng)平臺(tái)的頁面適配；

5、熟悉前端性能優(yōu)化和常用構(gòu)建工具

web前端開發(fā)工程師崗位職責(zé) 篇5

職責(zé)：

1、根據(jù)功能需求設(shè)計(jì)編寫頁面原型;

2、前后端聯(lián)調(diào)保證功能流暢;

3、提高頁面易用性、美觀提出合理建議。

4、與后臺(tái)工程師配合開發(fā)聯(lián)調(diào)并交付產(chǎn)品;

5、持續(xù)優(yōu)化前端頁面體驗(yàn)和訪問速度，保證頁面精美高效。

任職要求

1、 全日制本科以上學(xué)歷、計(jì)算機(jī)相關(guān)專業(yè);

2、 前端開發(fā)一年以上工作經(jīng)驗(yàn)

3、 精通html、ajax、js、css、div等web的前端開發(fā)技術(shù);

4、 有H5、bootstrap、jquery、 AngularJS、angular vue、typescript等框架技術(shù)實(shí)際開發(fā)經(jīng)驗(yàn);

5、學(xué)習(xí)能力強(qiáng)，快速解決問題;

6、善于交流、良好的團(tuán)隊(duì)協(xié)作能力和敬業(yè)精神;

web前端開發(fā)工程師崗位職責(zé) 篇6

職責(zé)：

1 負(fù)責(zé)PC網(wǎng)站和移動(dòng)站的開發(fā);

2 與后端軟件工程師溝通，完成產(chǎn)品功能開發(fā)

3 實(shí)現(xiàn)前端產(chǎn)品業(yè)務(wù)邏輯和界面交互的研發(fā)需求，保證產(chǎn)品的用戶體驗(yàn)

任職要求：

1、1-2年以上前端開發(fā)經(jīng)驗(yàn)

2、能夠熟練運(yùn)用HTML、CSS、JavaScript構(gòu)建高性能的Web應(yīng)用程序

3、熟練使用webpack 前端構(gòu)建工具

4、熟悉Vue前端視圖框架

5、熱愛編程，對技術(shù)有鉆研精神，學(xué)習(xí)能力強(qiáng)。性格開朗，積極熱情，溝通能力強(qiáng)，有強(qiáng)烈的責(zé)任心，具有良好的團(tuán)隊(duì)合作精神和敬業(yè)精神

6、熟悉小程序開發(fā)優(yōu)先

web前端開發(fā)工程師崗位職責(zé) 篇7

1、根據(jù)UI設(shè)計(jì)師提供的設(shè)計(jì)圖，實(shí)現(xiàn)一流的Web界面，優(yōu)化代碼并保持在各瀏覽器下良好的兼容性;

2、Web前端表現(xiàn)層及與后端交互的架構(gòu)設(shè)計(jì)和開發(fā);

3、JavaScript程序模塊開發(fā)，通用類庫、框架編寫;

4、配合后臺(tái)開發(fā)人員實(shí)現(xiàn)產(chǎn)品界面和功能;

5、對完成的頁面進(jìn)行維護(hù)和對網(wǎng)站前端性能做相應(yīng)的優(yōu)化。

web前端開發(fā)工程師崗位職責(zé) 篇8

職責(zé)：

1、負(fù)責(zé)產(chǎn)品的前端代碼開發(fā)、頁面重構(gòu)以及交互設(shè)計(jì)邏輯處理；

2、根據(jù)產(chǎn)品文檔開發(fā)高性能、高兼容性的前端代碼，完成腳本通用類庫、框架、UI控件的編寫，并形成文檔；

3、與用戶、美工、編碼工程師等協(xié)作實(shí)現(xiàn)良好的用戶交互；

4、評(píng)估、優(yōu)化網(wǎng)站前端性能。

任職要求：

1、2年以上JavaScript腳本開發(fā)經(jīng)驗(yàn)，對OOP有一定的認(rèn)識(shí)；

2、精通HTML5/XHTML、CSS3、JavaScript、AJAX、JSON、XML等技術(shù)；

3、至少熟練掌握一種JS框架，如：Jquery框架，熟悉對象化Javascript編程；

4、有跨瀏覽器開發(fā)經(jīng)驗(yàn)，理解不同瀏覽器之間的差異，寫出代碼具有良好的兼容性；

5、具有優(yōu)化JavaScript性能的能力；

6、掌握軟件設(shè)計(jì)流程和軟件工程規(guī)范，具備良好而規(guī)范的設(shè)計(jì)和技術(shù)文檔編寫能力，擁有良好的代碼習(xí)慣，邏輯結(jié)構(gòu)清晰，命名規(guī)范，代碼冗余率低；

7、良好的交流溝通能力，吃苦耐勞，責(zé)任感及上進(jìn)心強(qiáng)，團(tuán)隊(duì)精神及職業(yè)道德；

8、了解java語言優(yōu)先；

9、有移動(dòng)設(shè)備（手機(jī)、PAD）網(wǎng)頁開發(fā)經(jīng)驗(yàn)著優(yōu)先；

web前端開發(fā)工程師崗位職責(zé) 篇9

崗位職責(zé)：

1、協(xié)助系統(tǒng)架構(gòu)設(shè)計(jì)師進(jìn)行系統(tǒng)架構(gòu)設(shè)計(jì)工作；

2、承擔(dān)WEB前端核心模塊的設(shè)計(jì)、實(shí)現(xiàn)工作；

3、承擔(dān)主要開發(fā)工作，對代碼質(zhì)量及進(jìn)度負(fù)責(zé)；

4、參與進(jìn)行關(guān)鍵技術(shù)驗(yàn)證以及技術(shù)選型工作；

5、和產(chǎn)品經(jīng)理溝通并確定產(chǎn)品開發(fā)需求。

東莞某紡織公司招聘WEB開發(fā)工程師的崗位負(fù)責(zé)

1、根據(jù)產(chǎn)品原型開發(fā)前端代碼，配合技術(shù)部完成后端數(shù)據(jù)的接口；

2、解決不同的瀏覽器及不同版本的兼容性問題；

3、優(yōu)化載入速度及優(yōu)先級(jí)，異步加載的實(shí)現(xiàn)；

4、Js交互原型的制作；

5、CSS、JS、框架維護(hù)。

web前端開發(fā)工程師崗位職責(zé) 篇10

職責(zé)：

1、負(fù)責(zé)公司產(chǎn)品UI設(shè)計(jì)稿的pc端、移動(dòng)端web界面的還原;

2、維護(hù)現(xiàn)有應(yīng)用產(chǎn)品，按最新需求完成最基本功能的實(shí)現(xiàn);

3、在開發(fā)過程中與開發(fā)人員的溝通，完成前端與java等后端數(shù)據(jù)交互聯(lián)調(diào)

4、響應(yīng)產(chǎn)品需求，完成修改工作;

5、對頁面進(jìn)行優(yōu)化，對代碼進(jìn)行優(yōu)化，提高可維護(hù)性。

任職資格：

1、 大專及以上，計(jì)算機(jī)軟件編程相關(guān)專業(yè);

2、 1年以上web前端開發(fā)工作經(jīng)驗(yàn)(有成熟上線作品);

3、熟悉最基本的html、css、javascript語法，了解H5、CSS3、ES6+新語法，了解語義化標(biāo)簽;

4、熟悉使用jquery、react 、vue、Bootstrap等前端開發(fā)工具及框架;

5、熟悉Javascript數(shù)據(jù)處理，Ajax交互開發(fā);

6、熟悉使用webpack、gulp、requireJS、rollup等模塊化、工程化工具;

7、能夠高效編寫web界面，熟練使用Git等版本管理工具。

web前端開發(fā)工程師崗位職責(zé) 篇11

職責(zé)：

1、負(fù)責(zé)公司前端系統(tǒng)和功能的開發(fā)、維護(hù);

2、負(fù)責(zé)前端公共組件、基礎(chǔ)框架的設(shè)計(jì)和實(shí)現(xiàn);

3、根據(jù)需求實(shí)現(xiàn)頁面交互效果;配合后臺(tái)開發(fā)工程師，完成Web頁面的前端用戶交互功能、聯(lián)調(diào)等工作;

4、參與項(xiàng)目的用戶研究、分析，并根據(jù)結(jié)果改進(jìn)設(shè)計(jì)，優(yōu)化Web產(chǎn)品的易用性，改善用戶體驗(yàn)。

任職要求：

1、計(jì)算機(jī)相關(guān)專業(yè)本科及以上學(xué)歷、1-2年前端開發(fā)經(jīng)驗(yàn);

2、精通Html、Javascript、CSS編程語言，熟悉W3C網(wǎng)頁標(biāo)準(zhǔn)、兼容多種瀏覽器的前端頁面代碼;

3、精通Html5網(wǎng)頁設(shè)計(jì)和開發(fā);熟悉互聯(lián)網(wǎng)Html5主流應(yīng)用開發(fā)模式和設(shè)計(jì)理念;

4、熟練使用JQuery，VUE等前端框架;

5、具有車聯(lián)網(wǎng)、物聯(lián)網(wǎng)從業(yè)經(jīng)歷者優(yōu)先;

6、GIS開發(fā)相關(guān)經(jīng)驗(yàn)優(yōu)先

7、對技術(shù)有強(qiáng)烈的興趣，喜歡鉆研，具有良好的學(xué)習(xí)能力和技術(shù)實(shí)現(xiàn)能力;

8、良好的學(xué)習(xí)能力、團(tuán)隊(duì)協(xié)作能力和溝通能力;善于思考，能獨(dú)立分析和解決問題;

web前端開發(fā)工程師崗位職責(zé) 篇12

職責(zé)：

1、負(fù)責(zé)公司微信小程序設(shè)計(jì)及開發(fā)工作;

2、搭建高效集成的前端開發(fā)環(huán)境;

3、參與開發(fā)核心組件，參與部分項(xiàng)目的技術(shù)選型;

4、持續(xù)的優(yōu)化前端體驗(yàn)和頁面響應(yīng)速度，并保證兼容性和執(zhí)行效率;

5、配合后臺(tái)工程師一起研討技術(shù)實(shí)現(xiàn)方案，進(jìn)行應(yīng)用及系統(tǒng)整合;

6、完成與工作相關(guān)的技術(shù)文檔編寫工作;

7、技術(shù)難點(diǎn)的'突破和攻關(guān),初級(jí)工程師的技術(shù)指導(dǎo)

任職要求：

1、計(jì)算機(jī)相關(guān)專業(yè)本科及以上學(xué)歷，3年以上互聯(lián)網(wǎng)Web前端相關(guān)開發(fā)經(jīng)驗(yàn);

2、熟悉HTML5特性，了解HTML5最新規(guī)范，能熟練運(yùn)用HTML5、CSS3、進(jìn)行合理的PC端網(wǎng)頁制作和構(gòu)建移動(dòng)端的WebApp;

4、熟悉掌握HTML CSS Javascript ES6 JSON AJAX等前端開發(fā)技術(shù),熟悉主流的前端開發(fā)框架;

5、理解前端組件化的開發(fā)思想;

6、熟悉交互設(shè)計(jì)，對可用性、可訪問性等用戶體驗(yàn)知識(shí)有相當(dāng)?shù)牧私夂蛯?shí)踐經(jīng)驗(yàn);

7、從技術(shù)和業(yè)務(wù)角度主動(dòng)挖掘產(chǎn)品特性，并利用自身設(shè)計(jì)能力主動(dòng)提出解決方案;

8、強(qiáng)烈的責(zé)任心和團(tuán)隊(duì)合作能力，良好的學(xué)習(xí)能力，邏輯思維能力并且敢于創(chuàng)新和接受挑戰(zhàn)。

web前端開發(fā)工程師崗位職責(zé) 篇13

職責(zé)：

1.負(fù)責(zé)產(chǎn)品(移動(dòng)端)前端界面的構(gòu)建，以及各類交互設(shè)計(jì)與實(shí)現(xiàn);

2.負(fù)責(zé)實(shí)現(xiàn)產(chǎn)品在不同平臺(tái)、設(shè)備上兼具優(yōu)質(zhì)的用戶使用體驗(yàn);

3.參與產(chǎn)品前端樣式和腳本的模塊設(shè)計(jì)及優(yōu)化;

4.負(fù)責(zé)產(chǎn)品/項(xiàng)目的前端設(shè)計(jì)與編寫，并參與核心程序模塊的編寫;

5.熟悉敏捷開發(fā)，編寫高質(zhì)量的，整潔簡單，可維護(hù)性的代碼;構(gòu)建可重復(fù)使用的代碼以及公共庫;

6.不斷優(yōu)化現(xiàn)有的產(chǎn)品，努力提高系統(tǒng)速度，穩(wěn)定性和可擴(kuò)展性;不端提升用戶體驗(yàn);

7.參與項(xiàng)目前端工作的協(xié)調(diào)管理，發(fā)現(xiàn)并解決項(xiàng)目相關(guān)問題。

任職要求：

1.大專及以上學(xué)歷，4年及以上實(shí)際前端開發(fā)的工作經(jīng)驗(yàn);(培訓(xùn)經(jīng)歷不算工作經(jīng)驗(yàn))

2.精通HTML+CSS+JS編程，熟悉HTTP協(xié)議以及瀏覽器原理;

3.熟悉主流前端框架，包括但不限于React、Vue等;熟練掌握Vue的優(yōu)先考慮;

4.熟悉Web前端MVC架構(gòu)，熟悉前端模塊化開發(fā)方案，對前端工程化有深刻理解;

5.較強(qiáng)責(zé)任心和團(tuán)隊(duì)協(xié)作精神，具備獨(dú)立解決問題能力;

6. JS性能優(yōu)化經(jīng)驗(yàn)者優(yōu)先。

web前端開發(fā)工程師崗位職責(zé) 篇14

1. 根據(jù)UI設(shè)計(jì)師提供的設(shè)計(jì)圖，實(shí)現(xiàn)一流的Web界面，優(yōu)化代碼并保持在各瀏覽器下良好的兼容性;

2. Web前端表現(xiàn)層及與后端交互的架構(gòu)設(shè)計(jì)和開發(fā);

3. JavaScript程序模塊開發(fā)，通用類庫、框架編寫;

4. 配合后臺(tái)開發(fā)人員實(shí)現(xiàn)產(chǎn)品界面和功能;

5. 對完成的頁面進(jìn)行維護(hù)和對網(wǎng)站前端性能做相應(yīng)的優(yōu)化。

web前端開發(fā)工程師崗位職責(zé) 篇15

工作職責(zé)

1.負(fù)責(zé)移動(dòng)端H5開發(fā)、維護(hù)和優(yōu)化工作。

2.負(fù)責(zé)第三方平臺(tái)小程序開發(fā)、維護(hù)和優(yōu)化工作。

職位要求

1.三年以上前端開發(fā)經(jīng)驗(yàn)。

2.熟練使用HTML5/CSS3開發(fā)響應(yīng)式網(wǎng)頁布局。

3.精通JavaScript、Ajax、DOM/BOM等前端交互技術(shù)。

4.掌握前端一種構(gòu)建工具（Grunt/Gulp/Webpack）

5.在項(xiàng)目開發(fā)中，熟練使用Vue或React框架，并結(jié)合開源UI快速構(gòu)建Web應(yīng)用。

6.熟練掌握ES5/ES6語法，熟悉等服務(wù)端技術(shù)開發(fā)優(yōu)先。 7.熟悉Http等工作原理。

8.對Web前端的性能優(yōu)化以及Web常見漏洞有一定的理解和相關(guān)實(shí)踐

9.善于技術(shù)總結(jié)，較強(qiáng)的自主學(xué)習(xí)能力，通過技術(shù)文檔參考，能獨(dú)立解決疑難技術(shù)點(diǎn)。

10.主動(dòng)性強(qiáng)，有敬業(yè)精神，勇于面對困難和接受挑戰(zhàn)，有良好的團(tuán)隊(duì)協(xié)作能力和溝通能力。

web前端開發(fā)工程師崗位職責(zé) 篇16

崗位職責(zé)：

1、使用HTML5、CSS3和JavaScript技術(shù)，開發(fā)跨平臺(tái)、瀏覽器的Web前端；

2、參與定制前后端交互接口，優(yōu)化接入流程；

3、研究最新的前端開發(fā)技術(shù)和框架，制定統(tǒng)一前端UI庫，不斷優(yōu)化用戶體驗(yàn)和客戶端性能。

任職要求：

1、3年以上的Web開發(fā)經(jīng)驗(yàn)，可獨(dú)立完成中等規(guī)模的Web應(yīng)用前端；

2、精通HTML5、CSS3標(biāo)準(zhǔn)，熟悉常用的JS框架，如Bootstrap、JQuery等；

3、熟練使用AngularJS/ReactJs/vue等至少一種富應(yīng)用框架。

4、掌握各種瀏覽器的兼容性問題；

5、具備良好的代碼風(fēng)格和編程習(xí)慣；

6、很強(qiáng)的團(tuán)隊(duì)合作和溝通能力，能夠承擔(dān)一定的工作壓力；

7、熟悉等svg圖表庫優(yōu)先；

8、熟悉微信開放平臺(tái)、釘釘開放平臺(tái)著優(yōu)先；

web前端開發(fā)工程師崗位職責(zé) 篇17

職責(zé)：

1.負(fù)責(zé)部門Web前端技術(shù)框架設(shè)計(jì)及功能開發(fā);

2.負(fù)責(zé)部門Web前端技術(shù)定型、制定工作流和新技術(shù)調(diào)研;

3.負(fù)責(zé)公司數(shù)據(jù)可視化(智慧城市大數(shù)據(jù)、應(yīng)急大數(shù)據(jù))產(chǎn)品實(shí)現(xiàn)。

崗位要求:

1.三年以上Web前端工作經(jīng)驗(yàn)，熟練掌握Html,css,Javascript，有web gis開發(fā)經(jīng)驗(yàn)優(yōu)先考慮;

2.精通css,js對各瀏覽器兼容，熟悉瀏覽器性能優(yōu)化，了解頁面渲染原理;

3.熟練使用主流的JavaScript庫或框架(Zepto,Jquery,SeaJs,RequestJ,React,Vue等)，并精通React或者Vue其中一種;

4.熟悉前端自動(dòng)化工程(Fis, Grunt, Gulp, Webpack等)，熟悉svn或者git代碼管理及工作流，熟悉常見Web開發(fā)問題定位和解決方式;

5.精通面向?qū)ο缶幊趟枷?，有框架設(shè)計(jì)能力;

6.至少熟悉一門后端語言(如asp.net,node)，掌握nodejs優(yōu)先考慮;

7.有強(qiáng)烈的求知欲，善于學(xué)習(xí)和運(yùn)用新知識(shí);良好的團(tuán)隊(duì)合作精神和積極主動(dòng)的溝通意識(shí)。

web前端開發(fā)工程師崗位職責(zé) 篇18

職責(zé)：

1、根據(jù)公司項(xiàng)目需求，負(fù)責(zé)多終端產(chǎn)品的前端設(shè)計(jì)、開發(fā)、優(yōu)化、維護(hù);

2、參與項(xiàng)目需求評(píng)審、與相關(guān)人員溝通、保證開發(fā)的質(zhì)量和效率;

3、配合交互設(shè)計(jì)師及視覺設(shè)計(jì)師實(shí)現(xiàn)交互效果，配合后臺(tái)工程師完成應(yīng)用開發(fā);

4、javascript程序模塊開發(fā)，通用類庫、框架開發(fā)。

5、能夠帶領(lǐng)5人團(tuán)隊(duì)完成產(chǎn)品的開發(fā)工作并保證軟件性能，質(zhì)量和安全;

任職要求：

1、大學(xué)專科及以上學(xué)歷，計(jì)算機(jī)相關(guān)專業(yè)優(yōu)先，5年及以上前端開發(fā)經(jīng)驗(yàn)，2年及以上vue開發(fā)經(jīng)驗(yàn)，有基于vue相關(guān)技術(shù)開發(fā)微信小程序和公眾號(hào)經(jīng)驗(yàn)，對符合移動(dòng)端標(biāo)準(zhǔn)的前端開發(fā)有豐富經(jīng)驗(yàn)，有成功作品;

2、精通javascript、es6編程語言，良好的OOP編程思想;

3、精通vue、vue-router、vuex、vue-resource等vue相關(guān)技術(shù)的應(yīng)用;

4、熟悉bootstrap、sass、webpack、jquery等前端技術(shù);

5、有供應(yīng)鏈、電商項(xiàng)目、平臺(tái)類產(chǎn)品經(jīng)驗(yàn)者優(yōu)先。

web前端開發(fā)工程師崗位職責(zé) 篇19

崗位職責(zé)

1、負(fù)責(zé)公司前端工作的分工管理

2、負(fù)責(zé)完成公司系統(tǒng)架構(gòu)設(shè)計(jì)及核心代碼開發(fā)，確保一流的用戶體驗(yàn)

3、負(fù)責(zé)前端組的績效管理，管控前端工程師的工作計(jì)劃及工作質(zhì)量

4、負(fù)責(zé)協(xié)調(diào)前端工程師與后端、UI、項(xiàng)目經(jīng)理之間工作銜接

5、負(fù)責(zé)鉆研新技術(shù)、解決前端技術(shù)難題

6、負(fù)責(zé)內(nèi)部工作技能、效率提升及人員培養(yǎng)工作

7、完成總監(jiān)交辦的其他工作

任職資格：

1、熟練掌握http、Ajax、JSON、XML等技術(shù)與標(biāo)準(zhǔn)，系統(tǒng)掌握前端框架如jQuery、Angularjs、Bootstrap等必須具備前后端交互工作經(jīng)驗(yàn)

2、使用并配置過Grunt、Gulp、Webpack等工具打包、構(gòu)建前端頁面

3、使用Java進(jìn)行Web開發(fā)經(jīng)驗(yàn)，熟悉SpringMVC、MyBatis等，熟練至少一種關(guān)系型數(shù)據(jù)庫

4、良好的規(guī)范編程習(xí)慣和開發(fā)文檔編寫能力

5、具有SpringBoot或者JHipster項(xiàng)目開發(fā)經(jīng)驗(yàn)

6、了解微服務(wù)開發(fā)、SpringCloud、docker等架構(gòu)

7、4年以上前端開發(fā)經(jīng)驗(yàn)，1年以上項(xiàng)目或團(tuán)隊(duì)管理經(jīng)驗(yàn)；熟悉前端相關(guān)標(biāo)準(zhǔn)，對前端語義化、瀏覽器兼容性問題有深入理解

8、較強(qiáng)的責(zé)任意識(shí)；強(qiáng)大的學(xué)習(xí)鉆研能力；具有良好的溝通能力和較強(qiáng)的團(tuán)隊(duì)合作意識(shí)；一定的管理能力

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

1、三大基礎(chǔ)技能，js、css、html這三項(xiàng)技能是前端工程師能力中的基礎(chǔ)，任何框架、工具、庫都是基于這三者只上的。這是硬實(shí)力，決定了整個(gè)前端生涯能夠達(dá)到的高度，以及在后面的技術(shù)棧拓展中的順暢程度和能夠達(dá)到的效果。
2、工程能力要有，前端工程師首先是個(gè)工程師，做項(xiàng)目就是在做工程，所以懂得如何把一個(gè)項(xiàng)目的前端部分的工程運(yùn)行起來，是另一項(xiàng)必備技能。
grunt、gulp、webpack都是著名的工程類工具，這些工具只要能熟練使用，就基本符合工程能力的要求。但是如果想要拿到更高一個(gè)層次的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)用棧。這個(gè)能力很少有人提到，但是掌握這些技能，不僅能在面試時(shí)加分，更重要的是在日后實(shí)際的項(xiàng)目中發(fā)揮的作用。
4、團(tuán)隊(duì)協(xié)作能力指的就是git，在項(xiàng)目開發(fā)中必不可少，熟練使用git，掌握常用的命令，學(xué)會(huì)解決沖突。
5、熱門框架的使用vue、react是當(dāng)前兩個(gè)最熱門的框架，能夠熟練使用是基本要求，如果你想在眾多求職者中脫穎而出，你還需要理解原理，還是那句話，你跟offer的差距就是使用與實(shí)現(xiàn)的差距。試著理解virtual dom的原理，響應(yīng)式的原理，雙向數(shù)據(jù)綁定的原理。
6、項(xiàng)目經(jīng)驗(yàn)要可靠，不是“仿了幾個(gè)頁面”，而是“項(xiàng)目”的經(jīng)驗(yàn)，是經(jīng)歷過整個(gè)項(xiàng)目從0到1全過程的經(jīng)驗(yàn)，在這個(gè)過程中遇到了什么坑，如何解決的，解決的過程中是如何思考的。