第一篇：什么是前端開發(fā)工程師

004km.cn

什么是前端開發(fā)工程師

前端開發(fā)工程師是Web前端開發(fā)工程師的簡稱，是近五年才真正開始受到重視的一個(gè)新興職業(yè)。Web前端開發(fā)技術(shù)是一個(gè)先易后難的過程，主要包括三個(gè)要素：HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）、CSS和JavaScript，這就要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識(shí)，而且要學(xué)會(huì)運(yùn)用各種工具進(jìn)行輔助開發(fā)以及理論層面的知識(shí)，包括代碼的可維護(hù)性、組件的易用性、分層語義模板和瀏覽器分級(jí)支持等。

前端開發(fā)工程師是一個(gè)很新的職業(yè)，在國內(nèi)乃至國際上真正開始受到重視的時(shí)間2005年開始，是指Web前端開發(fā)工程師的簡稱。Web前端開發(fā)是從美工演變而來的，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，Web 1.0時(shí)代，網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。

2005年以后，互聯(lián)網(wǎng)進(jìn)入Web 2.0時(shí)代，各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁的內(nèi)容更加生動(dòng)，網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗(yàn)，這些都是基于前端技術(shù)實(shí)現(xiàn)的。

004km.cn

隨著Web 2.0概念的普及和W3C組織的推廣，網(wǎng)站重構(gòu)的影響力正以驚人的速度增長。XHTML+CSS布局、DHTML和Ajax像一陣旋風(fēng)，鋪天蓋地席卷而來，包括新浪、搜狐、網(wǎng)易、騰訊、淘寶等在內(nèi)的各種規(guī)模的IT企業(yè)都對(duì)自己的網(wǎng)站進(jìn)行了重構(gòu)。

（ps：本文章由北大青鳥廣安門校區(qū)搜集自互聯(lián)網(wǎng)）

第二篇：前端開發(fā)和美工工程師工作總結(jié)

前端開發(fā)和美工工程師工作總結(jié)

作為公司的網(wǎng)站前端開發(fā)和美工，2017年本人主要負(fù)責(zé)的是經(jīng)文?？傟?duì)的各個(gè)系統(tǒng)的界面設(shè)計(jì)及動(dòng)態(tài)頁面制作，包括以下內(nèi)容：

一、吉林省單位內(nèi)部安全保衛(wèi)平臺(tái)內(nèi)網(wǎng)及外網(wǎng)設(shè)計(jì)及制作，同時(shí)包括平臺(tái)下邊九個(gè)子系統(tǒng)首頁制作（包括經(jīng)文保綜合管理系統(tǒng)、散裝汽油銷售管理系統(tǒng)、安保人員考試系統(tǒng)、高校少數(shù)名民族學(xué)生管理系統(tǒng)、考試服務(wù)系統(tǒng)、金融服務(wù)系統(tǒng)等）；

二、公安內(nèi)網(wǎng)網(wǎng)站吉林公安經(jīng)文保信息網(wǎng)整站設(shè)計(jì)及動(dòng)態(tài)效果制作和后期維護(hù)；

三、吉林省單位內(nèi)部安防信息網(wǎng)協(xié)同其他行政部門聯(lián)合辦公系統(tǒng)整站設(shè)計(jì)及動(dòng)態(tài)網(wǎng)頁制作；

四、系統(tǒng)內(nèi)警蹤平臺(tái)整體界面制作；

五、經(jīng)文保警用手機(jī)、平板app客戶端界面設(shè)計(jì)及切圖；

六、移動(dòng)端網(wǎng)站建設(shè)；

七、經(jīng)文保管轄單位重點(diǎn)部位和檢查項(xiàng)3d全景建模技術(shù)學(xué)習(xí)及制作，720云場(chǎng)景應(yīng)用線上展示重點(diǎn)單位主要監(jiān)控部位動(dòng)態(tài)效果。

經(jīng)文保之外的臨時(shí)項(xiàng)目與任務(wù)，包括以下內(nèi)容：

一、省移動(dòng)公司處系統(tǒng)項(xiàng)目界面設(shè)計(jì)及制作，家庭寬帶項(xiàng)目管理系統(tǒng)界面制作及相關(guān)臨時(shí)項(xiàng)目需要制作；

二、省公安廳匯報(bào)項(xiàng)目美化設(shè)計(jì)；

三、甘南農(nóng)業(yè)項(xiàng)目app客戶端制作及后臺(tái)信息管理系統(tǒng)界面制作；

四、吉林省網(wǎng)優(yōu)大數(shù)據(jù)平臺(tái)demo制作；

五、公司電力部和工程部各類材料、檢驗(yàn)報(bào)告合同修改以及發(fā)票制作；

六、社保材料制作；

七、臨時(shí)投標(biāo)演示項(xiàng)目demo效果制作。

以上列出了本人2017年的工作內(nèi)容，首先感謝公司提供這樣優(yōu)秀平臺(tái)和機(jī)會(huì)，讓我在工作中和公司一起度過忙碌而充實(shí)的一年，工作中努力協(xié)同后臺(tái)開發(fā)人員一起完成界面系統(tǒng)的精美展現(xiàn)，同時(shí)選擇當(dāng)下主流框架界面，仔細(xì)研究客戶的需求和業(yè)務(wù)流程，不斷優(yōu)化用戶操作界面，提供給用戶良好的用戶體驗(yàn)和用戶舒適度。

除了系統(tǒng)開發(fā)這一塊，在經(jīng)文保項(xiàng)目還中應(yīng)用了新領(lǐng)域的720度3d全景動(dòng)態(tài)展示技術(shù)，720全景動(dòng)畫展現(xiàn)也是近幾年比較火爆市場(chǎng)需求，結(jié)合百度地圖，實(shí)景展現(xiàn)任何地方的辦公及生活場(chǎng)景。

這一年做項(xiàng)目過程中在本崗位上提升了自己，同時(shí)也學(xué)習(xí)了新領(lǐng)域的知識(shí)，不斷充實(shí)自己趕在技術(shù)的前沿，隨時(shí)接受新的任務(wù)和挑戰(zhàn)。

希望公司在新的一年里拓展新領(lǐng)域業(yè)務(wù)，課余多開展一些培訓(xùn)活動(dòng)，提高員工學(xué)習(xí)新技術(shù)的積極性，同時(shí)培養(yǎng)團(tuán)隊(duì)能更好的配合完成任務(wù)。

在工作之外，希望公司多組織一些體育活動(dòng)和知識(shí)竟賽活動(dòng)，這樣在日常工作中既可以活動(dòng)身心和頭腦，有能找到更多的工作樂趣，勞逸結(jié)合，才能更好的鉆研項(xiàng)目，在技術(shù)領(lǐng)域有更多的突破，和公司共同創(chuàng)新與成長，同時(shí)希望公司項(xiàng)目順利開展，我會(huì)盡全力發(fā)揮自己的能力，實(shí)現(xiàn)個(gè)人的目標(biāo)和公司的目標(biāo)，在飛快發(fā)展的大環(huán)境下和公司共同進(jìn)步，最后希望公司未來發(fā)展越來越好!

第三篇：前端開發(fā)和美工工程師工作總結(jié)

作為公司的網(wǎng)站前端開發(fā)和美工，2017年本人主要負(fù)責(zé)的是經(jīng)文?？傟?duì)的各個(gè)系統(tǒng)的界面設(shè)計(jì)及動(dòng)態(tài)頁面制作，包括以下內(nèi)容：

一、吉林省單位內(nèi)部安全保衛(wèi)平臺(tái)內(nèi)網(wǎng)及外網(wǎng)設(shè)計(jì)及制作，同時(shí)包括平臺(tái)下邊九個(gè)子系統(tǒng)首頁制作（包括經(jīng)文保綜合管理系統(tǒng)、散裝汽油銷售管理系統(tǒng)、安保人員考試系統(tǒng)、高校少數(shù)名民族學(xué)生管理系統(tǒng)、考試服務(wù)系統(tǒng)、金融服務(wù)系統(tǒng)等）；

二、公安內(nèi)網(wǎng)網(wǎng)站吉林公安經(jīng)文保信息網(wǎng)整站設(shè)計(jì)及動(dòng)態(tài)效果制作和后期維護(hù)；

三、吉林省單位內(nèi)部安防信息網(wǎng)協(xié)同其他行政部門聯(lián)合辦公系統(tǒng)整站設(shè)計(jì)及動(dòng)態(tài)網(wǎng)頁制作；

四、系統(tǒng)內(nèi)警蹤平臺(tái)整體界面制作；

五、經(jīng)文保警用手機(jī)、平板app客戶端界面設(shè)計(jì)及切圖；

六、移動(dòng)端網(wǎng)站建設(shè)；

七、經(jīng)文保管轄單位重點(diǎn)部位和檢查項(xiàng)3d全景建模技術(shù)學(xué)習(xí)及制作，720云場(chǎng)景應(yīng)用線上展示重點(diǎn)單位主要監(jiān)控部位動(dòng)態(tài)效果。

經(jīng)文保之外的臨時(shí)項(xiàng)目與任務(wù)，包括以下內(nèi)容：

一、省移動(dòng)公司處系統(tǒng)項(xiàng)目界面設(shè)計(jì)及制作，家庭寬帶項(xiàng)目管理系統(tǒng)界面制作及相關(guān)臨時(shí)項(xiàng)目需要制作；

二、省公安廳匯報(bào)項(xiàng)目美化設(shè)計(jì)；

三、甘南農(nóng)業(yè)項(xiàng)目app客戶端制作及后臺(tái)信息管理系統(tǒng)界面制作；

四、吉林省網(wǎng)優(yōu)大數(shù)據(jù)平臺(tái)demo制作；

五、公司電力部和工程部各類材料、檢驗(yàn)報(bào)告合同修改以及發(fā)票制作；

六、社保材料制作；

七、臨時(shí)投標(biāo)演示項(xiàng)目demo效果制作。

以上列出了本人2017年的工作內(nèi)容，首先感謝公司提供這樣優(yōu)秀平臺(tái)和機(jī)會(huì)，讓我在工作中和公司一起度過忙碌而充實(shí)的一年，工作中努力協(xié)同后臺(tái)開發(fā)人員一起完成界面系統(tǒng)的精美展現(xiàn)，同時(shí)選擇當(dāng)下主流框架界面，仔細(xì)研究客戶的需求和業(yè)務(wù)流程，不斷優(yōu)化用戶操作界面，提供給用戶良好的用戶體驗(yàn)和用戶舒適度。

除了系統(tǒng)開發(fā)這一塊，在經(jīng)文保項(xiàng)目還中應(yīng)用了新領(lǐng)域的720度3d全景動(dòng)態(tài)展示技術(shù)，720全景動(dòng)畫展現(xiàn)也是近幾年比較火爆市場(chǎng)需求，結(jié)合百度地圖，實(shí)景展現(xiàn)任何地方的辦公及生活場(chǎng)景。

這一年做項(xiàng)目過程中在本崗位上提升了自己，同時(shí)也學(xué)習(xí)了新領(lǐng)域的知識(shí)，不斷充實(shí)自己趕在技術(shù)的前沿，隨時(shí)接受新的任務(wù)和挑戰(zhàn)。

希望公司在新的一年里拓展新領(lǐng)域業(yè)務(wù)，課余多開展一些培訓(xùn)活動(dòng)，提高員工學(xué)習(xí)新技術(shù)的積極性，同時(shí)培養(yǎng)團(tuán)隊(duì)能更好的配合完成任務(wù)。

在工作之外，希望公司多組織一些體育活動(dòng)和知識(shí)竟賽活動(dòng)，這樣在日常工作中既可以活動(dòng)身心和頭腦，有能找到更多的工作樂趣，勞逸結(jié)合，才能更好的鉆研項(xiàng)目，在技術(shù)領(lǐng)域有更多的突破，和公司共同創(chuàng)新與成長，同時(shí)希望公司項(xiàng)目順利開展，我會(huì)盡全力發(fā)揮自己的能力，實(shí)現(xiàn)個(gè)人的目標(biāo)和公司的目標(biāo)，在飛快發(fā)展的大環(huán)境下和公司共同進(jìn)步，最后希望公司未來發(fā)展越來越好!

第四篇：WEB前端開發(fā)工程師筆試試題（范文模版）

WEB前端開發(fā)工程師筆試試題

1.HTML的含義是什么?其主體部分由什么標(biāo)記構(gòu)成?

2.說明在網(wǎng)頁設(shè)計(jì)中div標(biāo)簽的作用

3.CSS指的是什么?在網(wǎng)頁制作中為什么要使用CSS技術(shù)

4.css 中id和class如何定義,哪個(gè)定義的優(yōu)先級(jí)別高?如class定義一個(gè)html元素沒有邊框,而id定義這個(gè)元素有邊框,結(jié)果呢?

5.IE6下為什么無法定義1px左右高度的容器

6.怎么樣才能讓層顯示在FLASH之上？

7.怎樣使一個(gè)層垂直居中于瀏覽器中（代碼實(shí)現(xiàn)）？

8.firefox嵌套div標(biāo)簽的居中問題，假定有如下情況：

如果要實(shí)現(xiàn)b在a中居中放置，該如何實(shí)現(xiàn)？

9.web標(biāo)準(zhǔn)網(wǎng)站有哪些優(yōu)點(diǎn)？

10.怎樣解決超鏈接訪問過后hover樣式就不出現(xiàn)的問題？

第五篇：前端開發(fā)心得

web前端核心技術(shù)

從事前端開發(fā)工作1年多了，從最初的DIV+CSS學(xué)起，到現(xiàn)在學(xué)到html5、css3、javascript，jquery等等，我覺得前端要學(xué)的技術(shù)太多了，很多人認(rèn)為前端開發(fā)要掌握的技能簡單，就是網(wǎng)頁制作，其實(shí)不然，前端開發(fā)是網(wǎng)站的前臺(tái)代碼實(shí)現(xiàn)，包括基本的HTML和CSS以及JavaScript/ajax，現(xiàn)在最新的高級(jí)版本是HTML5、CSS3，以及SVG等。JavaScript作為最難的語言之一，許多編程高手也不敢妄自菲薄、自封精通。

關(guān)于兼容性的問題我相信對(duì)于每個(gè)做前端開發(fā)的人來講是一個(gè)很頭疼的問題，互聯(lián)網(wǎng)目前主流瀏覽器有IE6789，F(xiàn)irefox，Chrome，Opera，Safari，遨游，包括國內(nèi)主流的搜狗，騰訊 TT，360等等；從內(nèi)核上講主要有IE的，遨游版IE，safari，firefox以及opera的，這些都是大家常見的。所謂的瀏覽器兼容性問題，是指因?yàn)椴煌臑g覽器對(duì)同一段代碼有不同的解析，造成頁面顯示效果不統(tǒng)一的情況。在大多數(shù)情況下，用戶用什么瀏覽器來查看同一網(wǎng)站，都應(yīng)該是統(tǒng)一的顯示效果。所以瀏覽器的兼容性問題是前端開發(fā)人員經(jīng)常會(huì)碰到和必須要解決的問題。這個(gè)時(shí)候就需要針對(duì)不同的瀏覽器寫不同的CSS，這個(gè)過程叫CSS hack。雖然我們寫代碼都要求按照標(biāo)準(zhǔn)，不寫hack代碼，但實(shí)際工作中為了兼容主流瀏覽器，hack代碼是免不了的，所以這也應(yīng)該是每個(gè)前端開發(fā)人員必備的技能。

前端的開發(fā)工具很多，比較常見的有Dreamweaver，Notepad，webstrom，Sublime Text等等，我現(xiàn)在在使用webstorm，強(qiáng)大的提示功能可以幫助我們很快的熟悉并掌握網(wǎng)頁布局,檢查錯(cuò)誤等。調(diào)試代碼的工具我使用的Firebug。Firebug是網(wǎng)頁瀏覽器Mozilla firefox 下的一款開發(fā)類插件，它集HTML查看和編輯、Javascript控制臺(tái)、網(wǎng)絡(luò)狀況監(jiān)視器于一體，是開發(fā)JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士軍刀，從各個(gè)不同的角度剖析Web頁面內(nèi)部的細(xì)節(jié)層面，給Web開發(fā)者帶來很大的便利。Firebug也是一個(gè)除錯(cuò)工具。用戶可以利用它除錯(cuò)、編輯、甚至刪改任何網(wǎng)站的CSS、HTML、Dom 以及Javascript代碼。

以上是自己做前端開發(fā)的一點(diǎn)心得，它所涵蓋的知識(shí)面遠(yuǎn)遠(yuǎn)不止這些，我也在不斷的學(xué)習(xí)，不斷地豐富自己，希望自己能在前端這個(gè)職位上開闊自己的一片天地！