前端工程師主要的工作職責(zé)分為三大部分，分別是傳統(tǒng)的網(wǎng)頁前端開發(fā)，移動(dòng)端開發(fā)和大數(shù)據(jù)呈現(xiàn)端開發(fā)。Web前端開發(fā)主要針對的是PC端開發(fā)任務(wù)；移動(dòng)端開發(fā)則包括Android開發(fā)、iOS開發(fā)和各種小程序開發(fā)，在移動(dòng)互聯(lián)網(wǎng)迅速發(fā)展的帶動(dòng)下，移動(dòng)端的開發(fā)任務(wù)量是比較大的。

后端工程師的主要職責(zé)分別是平臺設(shè)計(jì)、接口設(shè)計(jì)和功能實(shí)現(xiàn)。平臺設(shè)計(jì)主要是搭建后端的支撐服務(wù)容器；接口設(shè)計(jì)主要針對于不同行業(yè)進(jìn)行相應(yīng)的功能接口設(shè)計(jì)，通常一個(gè)平臺有多套接口，就像衛(wèi)星導(dǎo)航平臺設(shè)有民用和軍用兩套接口一樣；功能實(shí)現(xiàn)則是完成具體的業(yè)務(wù)邏輯實(shí)現(xiàn)。

知識結(jié)構(gòu)方面

前端開發(fā)涉及到的內(nèi)容包括Html、CSS、JavaScript、Android開發(fā)（采用Java或者kotlin）、iOS開發(fā)（采用OC或者Swift）、各種小程序開發(fā)技術(shù)（類Html），隨著前端開發(fā)任務(wù)的不斷拓展，前端開發(fā)后端化也是一個(gè)較為明顯的趨勢，比如Nodejs的應(yīng)用。

后端開發(fā)通常需要根據(jù)業(yè)務(wù)場景進(jìn)行不同語言的選擇，另外后端開發(fā)的重點(diǎn)在于算法設(shè)計(jì)、數(shù)據(jù)結(jié)構(gòu)、性能優(yōu)化等方面，在具體的功能實(shí)現(xiàn)部分可以采用Java、Python或者PHP等編程語言來實(shí)現(xiàn)。

從上手來說，大部分認(rèn)為前端開發(fā)入門相對簡單，深度上而言，后端又難一些，前端開發(fā)和后端開發(fā)需要涉及面不一樣不能說那個(gè)簡單或者哪個(gè)難，需知道每一行入門都很簡單但是深入學(xué)習(xí)就會(huì)發(fā)現(xiàn)各自難點(diǎn)。最終不論是前端后端很多技術(shù)都會(huì)相互掌握些。

Web前端，主要是用來開發(fā)用戶通過瀏覽器可以瀏覽和使用的Web頁面的。一般而言，所涉及的內(nèi)容主要包括W3C中的HTML、CSS和JavaScript這三方面的內(nèi)容。

工具/原料：HTML、CSS、JavaScript

方法/步驟：

1、隨著前端的發(fā)展，前端開發(fā)所涉及到的內(nèi)容肯定不僅限于這三方面。分析這三個(gè)層面內(nèi)容的本質(zhì)可以看到，這三個(gè)層面分別涉及Web頁面的結(jié)構(gòu)、Web的外觀視覺表現(xiàn)以及Web層面的交互實(shí)現(xiàn)。

2、歸根結(jié)底，Web前端以及Web前端開發(fā)可以說是針對Web的結(jié)構(gòu)、行為和表現(xiàn)來進(jìn)行相應(yīng)的開發(fā)的，也可以說，前端開發(fā)主要是做Web端的結(jié)構(gòu)、行為以及表現(xiàn)。

3、Web前端開發(fā)技術(shù)是一個(gè)先易后難的過程，主要包括三個(gè)要素：HTML、CSS和JavaScript，這就要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識，而且要學(xué)會(huì)運(yùn)用各種工具進(jìn)行輔助開發(fā)以及理論層面的知識，包括代碼的可維護(hù)性、組件的易用性、分層語義模板和瀏覽器分級支持等。

4、Web前端開發(fā)后期要懂一些前端框架，如nodejs、Angualrjs、還有bootstrap等，以及ued用戶體驗(yàn)，后臺開發(fā)也要懂一些。

網(wǎng)站前端工作職責(zé)：

1、使用Div+css并結(jié)合Javascript負(fù)責(zé)產(chǎn)品的前端開發(fā)和頁面制作;

2、熟悉W3C標(biāo)準(zhǔn)和各主流瀏覽器在前端開發(fā)中的差異，能熟練運(yùn)用DIV+CSS，提供針對不同瀏覽器的前端頁面解決方案;

3、負(fù)責(zé)相關(guān)產(chǎn)品的需求以及前端程序的實(shí)現(xiàn)，提供合理的前端架構(gòu);

4、與產(chǎn)品、后臺開發(fā)人員保持良好溝通，能快速理解、消化各方需求，并落實(shí)為具體的開發(fā)工作;

5、了解服務(wù)器端的相關(guān)工作，在交互體驗(yàn)、產(chǎn)品設(shè)計(jì)等方面有自己的見解。

Web前端的6大動(dòng)效，HTML5和css3實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁：

1.導(dǎo)航菜單：幾乎所有的網(wǎng)站首頁都會(huì)用到。

2.導(dǎo)航條雙向綁定：側(cè)邊導(dǎo)航和頭部導(dǎo)航雙向綁定準(zhǔn)確定位。

動(dòng)畫：鼠標(biāo)經(jīng)過圖片進(jìn)行動(dòng)態(tài)的翻轉(zhuǎn)、旋轉(zhuǎn)動(dòng)態(tài)變化。

4.滑動(dòng)門特效：導(dǎo)航菜單中跟隨鼠標(biāo)的移動(dòng)元素進(jìn)行變化。

5.滾動(dòng)視差：鼠標(biāo)滾動(dòng)到特定位置時(shí)，內(nèi)容跟隨加載。

6.錨點(diǎn)跳轉(zhuǎn)：根據(jù)鏈接元素定位到網(wǎng)頁中想要查看的位置

高級web前端開發(fā)工程師需要能夠理解產(chǎn)品需求和視覺文件，分析并設(shè)計(jì)符合用戶習(xí)慣的交互界面。以下是我整理的高級web前端開發(fā)工程師的基本職責(zé)。

高級web前端開發(fā)工程師的基本職責(zé)1

職責(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、配合后臺工程師一起研討技術(shù)實(shí)現(xiàn)方案，進(jìn)行應(yīng)用及系統(tǒng)整合;

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

7、技術(shù)難點(diǎn)的突破和攻關(guān),初級工程師的技術(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)知識有相當(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é)2

職責(zé)：

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

2. 負(fù)責(zé)實(shí)現(xiàn)產(chǎn)品在不同平臺、設(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é)3

職責(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. 至少熟悉一門后端語言(如)，掌握nodejs優(yōu)先考慮;

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

高級web前端開發(fā)工程師的基本職責(zé)4

職責(zé)：

1、負(fù)責(zé)系統(tǒng)前端開發(fā)工作，協(xié)調(diào)界面設(shè)計(jì)師和開發(fā)人員的工作;

2、優(yōu)化網(wǎng)站前端功能設(shè)計(jì)，解決各種瀏覽器的兼容性問題;

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

4、Web前端表現(xiàn)層及與后端交互的設(shè)計(jì)和開發(fā)。

5、通過各種前端技術(shù)手段，提高用戶體驗(yàn)并滿足性能要求。

崗位要求：

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

2、良好的學(xué)習(xí)能力和團(tuán)隊(duì)合作精神，邏輯思維強(qiáng);

3、精通CSS/DIV/HTML，精通JavaScript，擅長Ajax等頁面信息異步展現(xiàn)技術(shù)

4、熟悉設(shè)計(jì)相關(guān)軟件;

5、具備PHP或相關(guān)開發(fā)經(jīng)驗(yàn)優(yōu)先;

6、具備HTML5及CSS3相關(guān)開發(fā)經(jīng)驗(yàn)優(yōu)先。

高級web前端開發(fā)工程師的基本職責(zé)5

職責(zé)：

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

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

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

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

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

任職要求：

1、大學(xué)?？萍耙陨蠈W(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ā)微信小程序和公眾號經(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ù);