第一篇：前端工程師常用工具

前端工程師常用工具

雖然有一段時間不做前端工程師，但還是免不了做前端的思維，碰到了很好的前端實用工具帖還是忍不住轉(zhuǎn)了過來。這個帖子被轉(zhuǎn)了好多次了，也不知道原本的作者是誰，但無論是誰都是萬分的感謝，沒有您的整理也沒有大家的方便。

帖子整理了前端工程師常用的工具手冊以及一些著名的相關(guān)博客，是工作中不可缺少的資料。概要：

? ?

?

? ? ?

? ? ? ?IE下的調(diào)試工具前端開發(fā)者社區(qū)及權(quán)威網(wǎng)站前端開發(fā)工具集

在線工具集

?

o o o o ?

o o o o 棄他了

?

o

o o ?

o

o o 其他：—— 做某些東西(Firefox插件)時需要唯一資源標志符時用CSS類： CSS選擇器性能測試—— CSS格式化工具 CSS Compressor —— CSS壓縮 書籍類： Book Shelf 2.0 beta —— 薦，分類很清晰，下載很方便原版圖書免費下載鏈接收集站JavaScript類：—— JavaScript格式化工具，效果很理想 AJAX Libraries API—— 以前一直用這個壓JS，自從有了TBCompressor，就放

常用Firefox插件

? ? 支付寶安全控件 和 旺旺協(xié)議 —— 網(wǎng)購專用，F(xiàn)irefox+浦發(fā)網(wǎng)銀，無敵了—— 這個不用介紹了吧，附空幃的外部編輯器亂碼修正版

o o o o o ?

? ? ? ? ? ? ?—— 支持Cookie的查看和編輯—— 調(diào)試性能的，用起來比較麻煩，沒試過—— Why Slow? YUI出品—— 把設(shè)計稿直接拖到Firefox里進行對比—— JS高亮，性能不是很理想—— 簡化在Firefox里切換Fiddler的操作，感謝Taobao UED的空幃同學—— 把Html, Dom, JavaScript等手冊放在側(cè)欄里，可以自定義增加，快捷鍵Ctrl+F9。可以在找到更多的Package?！?針對每個站點發(fā)送想要的HTTP Referer—— 看某個網(wǎng)站不爽，寫個小腳本來優(yōu)化下還是不錯的—— 查看當前Http鏈接狀態(tài)，類似IE下的HttpWatch—— 切換User-Agent，同時開發(fā)iphone和web版本的時候很方便—— 穿墻工具，配合使用很和諧

IE下的調(diào)試工具

?—— 非常強悍的一款http流查看工具，默認支持IE，其他瀏覽器可以設(shè)置將

{Document}ScriptsBrowserPAC.js設(shè)為代理進行使用。Firefox下可用上述”Fiddler 開關(guān)”進行快速切換。支持插件。

? ?—— 查看元素、禁用緩存、禁用CSSJS、Outline元素、查看生成的源碼等功能，IE8自帶了一個加強版的。+—— 調(diào)試JS用，雖然報錯還是有誤差，但是

我已經(jīng)滿足了。安裝順序是：Microsoft Script Debugger，Companion.JS，在”IE選項-高級”里取消禁用腳本調(diào)試。

?

o

o 多版本IE共存兩種方案： IE7/8 +—— 大眾型配置，可以基本滿足日常需要。IE6 +—— 在IE 6用戶占絕對優(yōu)勢以及IE 6神奇bug

滿天飛的時代，我還是推薦這種方案，因為只有神奇的原裝IE 6，才能抵擋運營神奇的問題。另外如果還有其他機器可供支配的話，建議再裝個IE 8 + IE Tester，因為IE 8下的Developer Toolbar還是有很大改進的，調(diào)試起來會方便一些。

?

o o o 以下三個軟件相對不重要些：—— http流查看—— 可查看JS生成的源碼—— 網(wǎng)速限制

參考手冊

?

資料。

?

?

?

? 蘇昱的CSS中文手冊和Dom中文手冊XMLHTTP參考手冊—— 整理的版本，包含了W3C手冊以及其他有用的? ?

?

?

? ? ? 和()PHP手冊

批處理工具

? ? ?—— 淘寶UED的JS/CSS壓縮工具，詳見—— png優(yōu)化工具—— jpeg去冗余meta工具

IDE及其他工具

?

? ?

?—— 灰?；页：糜?，灰常灰常移動，見

Bookmarklet(右鍵另存)

? ? ? ?——————，—— for IE 開發(fā)者社區(qū)及權(quán)威網(wǎng)站

? ? ? ? ? ?

? ? ? ? ? ? ? ?(Web 前端開發(fā)技術(shù)專題)—— 在線PPT分享，資源豐富—— Web開發(fā)人員的百科全書(香港，維基百科

推薦訂閱的博客和網(wǎng)站(排名不分先后)

?

o

o

o

?

o

o

o 國內(nèi) 內(nèi)容聚合：，，團隊Blog：淘寶，口碑，阿里巴巴國際站，阿里巴巴中文站，阿里巴巴中文站前端開發(fā)團隊(方凳)，阿里媽媽，支付寶，阿里軟件，19樓，九天音樂，金蝶與友商網(wǎng) 個人Blog，這里列出的是原創(chuàng)并更新相對頻繁的博客，如有遺漏，請告之：懌飛，手氣不錯，Realazy，old9(需穿墻術(shù))，沙灘涼鞋(空幃)，射雕(玉伯)，Aether，振之，嗷嗷，，，，，，，盧力，CSS森林(Ghost)，Twinsen，Gulu77，Rlog，Dlog，子鼠，西風坊 …

? ?

?

?

用

?

?

?

?浮動標簽清除浮動方法小結(jié) 前端工程師國外 內(nèi)容聚合：，，，，團隊Blog：，個人Blog：John Resig，PPK: QuirksMode，Douglas Crockford，Dean Edwards，，，

第二篇：關(guān)于前端數(shù)據(jù)展現(xiàn)工具的售前工程師要關(guān)注的點

關(guān)于前端數(shù)據(jù)展現(xiàn)工具的售前工程師要關(guān)注的點

近段時間關(guān)注商業(yè)智能,售前需要關(guān)注用戶可能會提出如下一些問題:

1.支持哪些數(shù)據(jù)庫和olap

2.是否有方便的元數(shù)據(jù)管理

3.操作宜用性，最為前段工具，對End-user的操作要強大、方便、宜用

4.是否有強大方便的旋轉(zhuǎn)、切片、鉆取功能

5.是否有功能強大完整的Web端

6.報表生成速度要快，對于大用戶并發(fā)性能要好

7.易于部署，性能穩(wěn)定，支持集群擴展

8.易于二次開發(fā)整合9.擁有調(diào)度功能，可以定時刷新、分發(fā)報表

10.支持多種數(shù)據(jù)導出格式，如excel,pdf,txt,html,csv等等

11.良好的權(quán)限整合機制，如支持ldap，可以自動同步等

12.支持多種報表展現(xiàn)格式，可以輕松作表格合并、拆分等操作，可以制作復雜的中國格式的報表（例如斜線），并支持多種圖形格式（例如雷達圖、甘特圖、氣泡圖等等）支持多總圖形展現(xiàn)形式的靈活組合展現(xiàn)。

13、參數(shù)驅(qū)動型的報表要求參數(shù)生成靈活性高，能達到用戶提出的各種近乎苛刻查詢方式，比如參數(shù)條件實現(xiàn)能輸能選下拉框、下拉框內(nèi)容能根據(jù)維表字段內(nèi)容動態(tài)生成及更新；

14、報表生成有性能參數(shù)、分頁、鉆取等功能或控制手段，確保報表生成過程及輸出結(jié)果的優(yōu)化；

15、報表的標題腳注能夠方便靈活定制，提供至少三級的標題并可分別設(shè)置；

16、報表中“計算”的添加更靈活，可以實現(xiàn)向?qū)Ш途幋a生成兩種方式；

17、圖形格式要求有更專業(yè)圖形，比如質(zhì)量管理相關(guān)的控制圖、直方圖（有擬合曲線）、排列圖、回歸曲線等；

18、報表能夠根據(jù)某個條件進行數(shù)據(jù)凸顯，比如超出某個極限則變成紅色；

19、提供個人收藏夾功能；

20.具有虛擬雇員功能。代理、自動化生成報表

21.對多維的擴展和輔助功能較強。(包括維權(quán)限控制、維命名集定制、支持跨多維立方

體的查詢的等等)

22.豐富的圖表生成功能。支持各種專業(yè)的圖形分析。

23.多種元數(shù)據(jù)管理和支持，包括本身自帶的元數(shù)據(jù)庫也支持其它多種數(shù)據(jù)庫作為元數(shù) 據(jù)存儲器。

24在增加分組的時候能夠根據(jù)條件進行區(qū)分，彌補某些工具只能通過人工選擇的方式的不足；

25、在旋轉(zhuǎn)透視圖中，應(yīng)該提供通過MDX語句訪問的方式，這樣對于那些高級用戶

來說更方面一些，也可以解決一些無法實現(xiàn)的問題；

26、支持導入的數(shù)據(jù)文件類型提供更多的支持，以便于進行臨時性的分析；

27、導出到EXCEL或其他格式時，可以導出表頭

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

004km.cn

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

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

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

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

004km.cn

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

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

第四篇：前端工程師個人介紹

前端工程師個人介紹

篇一：web前端開發(fā)工程師 個人簡歷模板 找web前端開發(fā)工程師就上才智尚招聘網(wǎng) 找web前端開發(fā)工程師就上才智尚招聘網(wǎng)

找web前端開發(fā)工程師就上才智尚招聘網(wǎng)

篇二：web前端開發(fā)工程師_個人簡歷模板

找web前端開發(fā)工程師就上才智尚招聘網(wǎng)

找web 前端開發(fā)工程師就上才智尚招聘網(wǎng)

篇三：應(yīng)聘前端工程師簡歷模板

個人簡歷

第五篇：前端工程師的崗位職責

前端工程師的崗位職責

崗位職責：

1、負責網(wǎng)站前端開發(fā)，實現(xiàn)產(chǎn)品的頁面交互及功能實現(xiàn);

2、與程序開發(fā)人員緊密合作，制作前端及后端程序接口標準;

3、完成產(chǎn)品的設(shè)計、開發(fā)、測試、修改bug等工作，包括業(yè)務(wù)需求的溝通，功能模塊詳細設(shè)計，業(yè)務(wù)功能實現(xiàn)和功能變更維護;

4、跟蹤研究HTML5和最新前端技術(shù)，參與前端框架和技術(shù)規(guī)范的開發(fā)制定。

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

崗位要求：

1.具有___年以上JavaScript語言為主的Web前端開發(fā)經(jīng)驗;

2.熟悉es6，nodejs;熟悉mvvm開發(fā)模式;熟悉使用react,vue,angularjs其中一種或多種框架，vue優(yōu)先，精通webpack，babel等工具;

3.熟悉Ajax，CSS等Web相關(guān)前端技術(shù)、熟悉HTML5、CSS3;

4.熟悉各主流瀏覽器的兼容性調(diào)試，有相關(guān)的性能優(yōu)化經(jīng)驗，具有良好的編程習慣;

5.具有很強的業(yè)務(wù)需求分析能力、問題定位和溝通表達能力;

6.具備較強的學習能力和主動性，有良好的時間和流程意識;

7.具備一定的美工經(jīng)驗優(yōu)秀。

篇二

崗位職責：

1、依據(jù)產(chǎn)品需求完成高質(zhì)量的包括PC端和移動端的開發(fā)和維護;

2、利用HTML/CSS/JavaScript等各種Web技術(shù)進行產(chǎn)品的前端開發(fā);

3、解決開發(fā)中遇到的各種前端技術(shù)問題,和實現(xiàn)產(chǎn)品,后臺開發(fā)提出的前端需求.應(yīng)聘要求：

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

2、精通JavaScript/HTML(5)/CSS(3)等前端技術(shù)，具有豐富的頁面性能、瀏覽器兼容性實踐經(jīng)驗;

3、熟練運用主流的JS開發(fā)框架，如：jQuery、Zepto、Angular、Vue、React等，VUE必須熟練運用;

4、技術(shù)視野廣闊，有主導前端技術(shù)方案設(shè)計的能力和經(jīng)驗，能夠獨立承擔項目開發(fā)工作;

5、良好的團隊合作精神和積極主動的溝通意識，具有很強的學習能力和對新技術(shù)的追求精神，樂于分享。

篇三

崗位職責：

1、配合前端組長工作，實現(xiàn)前端框架設(shè)計實現(xiàn)，參與設(shè)計文檔編寫;

2、根據(jù)UI設(shè)計師提供的設(shè)計圖，優(yōu)化代碼并保持在各瀏覽器下良好的兼容性;

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

4、對完成的頁面進行維護和對網(wǎng)站前端性能做相應(yīng)的優(yōu)化;

5、解決項目開發(fā)過程中遇到的技術(shù)和業(yè)務(wù)難題，高質(zhì)量完成web前端開發(fā)工作。

任職資格：

1.計算機相關(guān)專業(yè)畢業(yè)，___年以上前端開發(fā)經(jīng)驗;

2、精通jquery，requireJs、glup、nodejs等框架技術(shù);

3、有前后端分離經(jīng)驗，解決多瀏覽器兼容性問題有一定的經(jīng)驗，對組件封裝和代碼規(guī)范有實踐經(jīng)歷，有前端框架搭建維護經(jīng)驗者優(yōu)先;

4、了解react、vue等MVVM框架;

5、較強責任心，具備吃苦耐勞和團隊協(xié)作精神。