『壹』 前端工程師他到底是一種怎樣的職業
前端工程師已經是大家不再陌生的一個軟體行業的工種了，盡管這一工種誕生也沒幾年。作為一名從業三年的前端工程師，我嘗試結合業界標准與我的理解，來盡可能詮釋一下前端工程師這個職業。
前端工程師的英文名為front-end engineer，簡稱FE，下文將用FE來代稱。現在意義上的前端（並非只製作網頁），國內最早開始有大規模招聘崗位應該是2011年左右的事情吧，在此之前，FE的工作基本都是由服務端工程師包辦的，或者是由設計師來產出HTML頁面。那麼，是什麼樣的原因催生出了FE這一職位呢？本文將從FE的工作內容、專業FE應具備的技能和品質來聊聊這個職業。
用戶體驗的操刀者
前端工程師的首要工作就是開發用戶界面，在web系統中，就是指網頁了。為什麼網頁需要專門的FE來寫呢？答案就是「用戶體驗」。隨著web2.0概念的普及以及web3.0的提出，用戶成為互聯網的主要生產者，網頁所承載的功能越來越多。
一方面，企業的「用戶體驗」訴求很強烈。這個很容易就能理解，如果你的產品看上去就像個釣魚網站而且還特別難用，就會有一部分用戶離你而去。非互聯網企業呢？也會面臨這樣的情況，你花了很大的功夫優化資料庫，優化伺服器負載，你的客戶卻很難感知到你的努力。你的系統界面還是八九十年代的風格，客戶的第一感覺就是這系統不行，不買你的帳。相反，如果你花一點時間做一套嶄新風格的界面出來，客戶的第一感覺就是這個系統好炫酷，技術含量很高。不要小看這個第一感覺，對於外行人來說，第一感覺往往起到了決定作用。好多企業都意識到了這一點，所以對用戶體驗的訴求就上去了。
另一方面，現在的用戶也都很挑剔。畢竟他們使用的產品一個比一個炫，都被慣壞了，你的產品稍有點不爽的地方，就上微博去給你宣傳。
前端工程師是用戶體驗的把控者，在產品經理構想出交互原型，設計師設計出交互細節後，FE就用他的雙手一行行敲出這些代碼。他敲出的每一個按鈕，每一張圖片，都被成千上萬的用戶點擊著，FE與用戶可以說是「零距離接觸」。作為產品交互的實現者，除了HTML、CSS這兩門語言要精通外，對前端要求更高的其實是非技術因素。
FE需要對用戶體驗有較深的理解。比如頁面上有一個超鏈接，字體比較小的情況下，用戶可能會一下點不中，因為鏈接的可點擊區域是緊貼著文字邊緣的。前端可以通過很簡單的方法來擴大這個鏈接的可點擊區域，使得用戶更容易點中。這就是用戶體驗，正如《瞬間之美》中提到的那樣，touch到用戶的內心只需要一瞬間。對用戶體驗的理解，還體現在對一些交互常識的把握上。比如用戶操作某個軟體的界面，會感覺它很靈巧，卻具體說不出到底是哪裡。那麼很可能是這個界面上的按鈕有著設計良好的四態（正常、滑鼠移上、滑鼠按下、不可用），它會隨時對你的操作給出反饋。
懂用戶體驗的前端工程師，會讓他的作品與用戶溝通，能夠touch到用戶心中那一塊柔軟的區域。
FE需要有一點強迫症。這體現在對任何瑕疵的不容忍。比如採用技術手段讓頁面的滾動更平滑些，減少頁面的視覺抖動，像素級別的定位校準。當用戶觸碰的內容是一串非電話號碼的數字時，不要讓手機自動調出撥號功能，等等。很多細節是產品經理無法感知的，因為這些都是很零散的技術手段，只有靠FE來點滴積累。再有極致者，追求讓頁面的響應時間再減少幾個毫秒，讓你的手機少耗幾KB流量，少耗一些電量。這些甚至連用戶都無法感知，但是當你的用戶有百萬級別或者千萬級別，這樣做的價值就顯現出來了。
前端工程師需要是一個心思細膩之人，需要對美有所領悟，需要執著地追求完美，需要有品味，有思想，有大局觀，最好還能懂點心理學。
用戶端業務邏輯
做出優雅的界面只是前端工程師的第一步，編程也是必備技能，FE承擔著處理用戶端業務邏輯的任務。放在以前，用戶端就是個IE瀏覽器，沒有什麼業務邏輯可言。但現在不同了，用戶使用瀏覽器發表文章、進行社交活動，更復雜的能使用在線工具完成工作。
javascript就是FE需要掌握的編程語言，他應該通曉這門語言的優勢和缺點，掌握各種編程思想、開發模式。利用各種技巧實現交互越來越豐富的界面，同時還要與服務端的工程師溝通，調試介面，完成：頁面展示——響應用戶操作——提交用戶數據——反饋操作結果這一系列流程。
從這一點上，要求前端工程師要有軟體開發的基礎，了解計算機的基本原理，網路通信的基本原理，所以計算機相關專業出身的前端會更有優勢一些。
前端也需要架構
寫寫網頁也要架構？有什麼好架的？回答這個問題首先得明確一點，FE的工作內容已不再是「寫寫頁面」這么簡單。隨著前端代碼的規模越來越大，逐漸涌現出了模塊化開發、MVC、MVVM等開發模式。團隊規模也從原來的單兵作戰演變為團隊開發。
所以，一個高級前端工程師，要有架構能力。這個架構能力包括不限於：
對現有優秀框架的了解與整合使用
根據項目的業務特點構建出合適的開發模式
設計前端測試方案保證代碼質量
用工程化方案組織起團隊的開發流程。
向前延伸、向後延伸
物聯網的市場越來越熱了，手機是物聯網體系中的一個關鍵節點。前端工程師的戰場已不再是單純的瀏覽器，將來會覆蓋到各種「端設備」上。得益於javascript語言的靈活性，現在用javascript已經可以開發windows應用、ios應用、android應用，可以編寫智能電視上的應用。將來，或許是VR、可穿戴設備、智能家電。這是前端可以向前延伸的方向。
另一方面，由於nodejs的橫空出世，javascript這門語言竟然神奇的有了服務端的能力。之前用java、PHP做的事情，js同樣可以實現了。本來前端陣營中就有一批人是從後端轉過來的，有服務端開發的基礎，得了nodejs這一利器，再加上現在市場的需求，快出產品，敏捷開發，前端工程師向後延伸的路線寬廣而明亮。事實上，全棧工程師的概念在前年就被提出，BAT這樣的業界領頭羊早已用nodejs做一些基礎設施的建設，而很多小而快的創業公司，也在用nodejs進行快速迭代開發。
持續學習
前端領域的技術更新相對於其他領域要快很多，原因大概也是因為這個領域離用戶最近吧。有一些新的技術甚至是顛覆性的，前端工程師必須要跟上時代的步伐，否則你開發出的產品在體驗上就落後別人一截了。
有一些市場人員提出的需求，產品經理根據多年的經驗評估後覺得無法實現，就被打回了。而事實上，隨著新技術的出現，有些你認為無法實現的功能已經可以在前端實現了。隨著HTML5的支持度越來越高，前端擁有的能力也會越強。比如利用canvas能夠獲取到圖片上的每一個像素點，這樣前端就擁有了圖像處理能力。有了FileReader API，前端擁有了本地文件的讀取能力，還有地理位置獲取等等。
而這些新東西，就需要前端工程師來不斷學習。所以，一個稱職的前端必須能夠保持持續學習能力，能夠對新技術有敏銳的嗅覺。活到老，學到老，說的就是前端工程師。
高情商的程序猿
大多數人對程序猿的印象就是情商低、不善言談。但前端工程師應該是個例外，這是由工作性質決定的。
從工作流程來看，FE處於設計師的下游，他要接設計稿，轉化為網頁。同時又是後端工程師的上游，需要把用戶產生的數據提交到服務端。橫向來看，他又與產品經理有著密切接觸，因為他可能隨時和產品經理探討交互的細節。這樣一個連接著團隊中的其他成員的角色，需要他既是一個粘合劑，又是一個潤滑劑。
前端工程師需要有較高的溝通能力和理解能力。我們經常開玩笑說「設計師活在童話故事裡」，因為有時候他們設計的頁面根本不符合常規，無法實現。這個時候你就需要耐心的給設計MM講原理、講原因，並且告訴她設計需要遵循哪些基本規范。對於產品經理的思想，你要能把握到位，你得理解他比劃了半天到底是想要做什麼。與後端工程師打交道的時候，你又得馬上化身編程達人，跟他們聊數據類型，聊面向對象，聊設計模式。
你需要能隨時切換角色，切換你的表達方式和談話內容。所以，你得是一隻高情商的程序員。
以上就是我對前端工程師的理解，前端的門檻低，但要成為一名專業的前端工程師，需要掌握的東西太多了。除了前端技術外，我認為前端更重要的是綜合能力，包括我上面談到的思維細膩、有品味、有思想、情商高等等。畢竟你要通過代碼與用戶產生接觸，給用戶帶來愉悅感。從某種程度上來說，你得是一個好戀人。
『貳』 前端工程師如何避免被邊緣化
前端工程師往往屬於產品研發團隊，但卻很容易被邊緣化——後端工程師覺得自己才是主力，沒有後端工程師產品就不存在了，但沒有前端工程師產品還能有，只是界面非常糟糕而已。這時候前端工程師就開始感覺自己像是個外包似的，只是來幫別人完成一些任務而已，對產品沒有歸宿感。這時候前端工程師的職業發展路線在哪？成為一個更好的外包嗎？
要做關鍵任務
我覺得，要別人重視你的工作，不僅僅是你做得好就行了，還要求你的工作對別人來說足夠重要。這跟產品定位有關——例如說對搜索引擎來說，前端對產品的影響不會非常大，用戶只要能搜索到自己想要的結果就行了。搜索引擎最復雜的交互可能就是搜索框的自動完成了，但有自動完成和無自動完成的區別到底有多大呢？跟准確率和召回率相比，有沒有自動完成實在沒有多重要。況且，自動完成的結果本身也依賴於准確率和召回率，所以後端工程師比前端工程師重要得多。
因此，前端工程師在選擇工作時首先要選擇前端足夠重要的工作。重要用什麼來衡量？務實的話，是錢；務虛的話，是產品。如果一個功能只能在前端實現，並且這個實現能夠提高多少的轉化率，使得多少原本不產生利潤的點擊產生利潤，那麼前端對這個產品來說一定十分重要。可惜往往跟錢相關的事情不由前端工程師來研究和決定，所以這部分工作還是安心交給產品設計師來做吧，讓他們來決定怎麼樣的產品能賺錢，然後由你來完成這個產品的實現，這時候你的目標就是把產品做好。
回到剛才的問題，有些產品更依賴於後端，例如搜索引擎，當然也有些產品更依賴於前端。什麼樣的產品更依賴於前端？就是後端難以建立起技術壁壘的產品。這類產品要抄襲一個功能差不多的並不難，因此只有細節做得最好的能夠獲得足夠多的用戶。這類產品在 iOS App Store 上很常見——有很多 app 擁有相似的功能，而其中只有一個交互設計得最好的能夠獲得絕大多數的用戶。盡管 app 不存在 HTML + CSS + JS 這個前端，不過道理是一樣的。當年 Tweetie 能夠取代老牌的 Twitterrific 成為主流 Twitter 客戶端，靠的就是交互上的創新，外加不差的性能和穩定性。如果交互對於一個 web app 來說十分重要，這個 web app 自然也就需要十分優秀的前端工程師。
要懂核心業務
每一個公司，每一個項目，都有它的官方語言。不是指普通話，也不是指 C++，我指的是大家圍繞什麼問題來展開項目，什麼問題的討論能讓大家為之興奮。舉個例子來說，網路的官方語言就是搜索，跟搜索沒有關系的產品也會使用「准確率」、「召回率」這樣的術語用來做比喻。前端工程師有多少知道什麼是「准確率」、「召回率」的？估計不多，因為前端根本沒有這樣的概念。這時候前端工程師要跟後端工程師溝通也就不容易了。久而久之，你對人家很興奮在討論的什麼 O(1) 還是 O(n) 不感興趣，人家也不理解你的�0�2{} != {}�0�2是什麼意思，你就被邊緣化了。
如果不想被邊緣化，就算前端不是公司的核心業務，你也必須懂公司的核心業務，然後說著官方語言，而不是前端的方言。這就意味著，如果你在一家後端技術很強大的公司，你最好也懂後端技術。我知道國內有很多前端工程師並不是計算機系畢業的，就算是國內的教育也不怎麼樣，這時候你只能惡補相關的基礎知識了。如果你不懂這些，就算你能把整本《JavaScript 權威指南》背下來，你說的還是方言，說官話的人還是會鄙視你。如果公司主要服務於某個垂直領域的話，你必須對這個垂直領域十分了解，隨時能用這個領域的行話來溝通。
總結一下，由於每個人已經熟悉的領域都不一樣，所以沒辦法說哪個領域更適合前端工程師。如果你原本已經有某個領域的從業經驗，進入服務於該領域的技術公司總是有顯著優勢的。如果你進入了一個自己不熟悉的領域，那就一定要補充相關基礎知識，否則你對這個領域不感興趣，這個領域也不會對你的前端工作感興趣。
我知道國內有很多產品設計師，在考慮產品時首先想到的是百萬千萬級用戶量，這樣無論從單個用戶身上賺到的錢多麼的少，最終產品還是能賺大錢。網路曾經就屬於這種思維方式，但這不是我喜歡的風格，因為沒有明確的目標用戶定位。我知道國內由很多工程師，在編寫代碼時用盡各種技巧以展示自己過人的才智，但是這樣的代碼還有可復用性嗎？除了作者本人沒有人能夠維護啊。不同的人有不同的品味，能夠跟品味一致的人一起工作是一件幸福的事情。
額外信息這個話題到此就結束了嗎？其實不是的。關於前端工程師的職業發展，我還有很多可以說的。
『叄』 我的指甲由前端邊緣開始分離`該怎麼辦
應該沒什麼事 等都掉了以後就會在長出來了 我以前總應為重創掉指甲的 後來不管他自己就長出來了
『肆』 指甲前端邊緣明顯變得顏色不一樣。
血氣不夠微血管流動不好
『伍』 學web前端有哪些發展前景
前端前景是很不錯的，像前端這樣的專業還是一線城市比較好，師資力量跟得上、就業的薪資也是可觀的，學習前端可以按照路線圖的順序，
0基礎學習前端是沒有問題的，關鍵是找到靠譜的前端培訓機構，你可以深度了解機構的口碑情況，問問周圍知道這家機構的人，除了口碑再了解機構的以下幾方面：
1. 師資力量雄厚
要想有1+1>2的實際效果，很關鍵的一點是師資隊伍，你接下來無論是找個工作還是工作中出任哪些的人物角色，都越來越愛你本身的技術專業前端技術性，也許的技術專業前端技術性則絕大多數來自你的技術專業前端教師，一個好的前端培訓機構必須具備雄厚的師資力量。
2. 就業保障完善
實現1+1>2效果的關鍵在於能夠為你提供良好的發展平台，即能夠為你提供良好的就業保障，讓學員能夠學到實在實在的知識，並向前端學員提供一對一的就業指導，確保學員找到自己的心理工作。
3. 學費性價比高
一個好的前端培訓機構肯定能給你帶來1+1>2的效果，如果你在一個由專業的前端教師領導並由前端培訓機構自己提供的平台上工作，你將獲得比以往更多的投資。
希望你早日學有所成。
『陸』 前端現在發展如何
前端的優勢是門檻低，非常容易入門，但是後期發展你需要不斷學習各種技術框架，後端需要一定的編程基礎或者對編程感興趣的，要求有很強的邏輯思維能力。
HTML5其實只是前端開發中重要的一部分技術，是現在前端開發的標准組件，特別是在移動端的特效開發、游戲開發，以及APP的開發方向上非常流行。
web前端是一個做有關網頁的一個概述，是一個網頁view層的總得稱呼。前端開發，簡單來說，就是把平面效果圖轉換成網頁，把靜態轉換成動態。它的工作包括了:切圖、寫樣式、做滑鼠效果和圖片切換效果等。而優秀的前端開發可以保障實現這些效果的同時，即不能影響網站的打開速度、瀏覽器兼容性還有搜索引擎的收錄，還可以讓用戶體驗更加舒適，使網站在訪問中顯得更精細、更用心。訪客使用起來更簡便。
H5是2014年更新的一個web設計的標志和一些新的語法，HTML5是HTML標准，它本身是一項標准化協議。H5開發通常意義上指使用HTML5等較為潮流的技術進行前端開發。現在完成一些頁面製作、WebAPP、微網站開發以及網頁游戲等，現在都是使用HTML5標准完成的。
『柒』 什麼是邊緣伺服器
邊緣伺服器為用戶提供一個進入網路的通道和與其它伺服器設備通訊的功能，通常邊緣伺服器是一組完成單一功能的伺服器，如防火牆伺服器，高速緩存伺服器，負載均衡伺服器，DNS伺服器等。
對物聯網而言，邊緣計算技術取得突破，意味著許多控制將通過本地設備實現而無需交由雲端，處理過程將在本地邊緣計算層完成。這無疑將大大提升處理效率，減輕雲端的負荷。由於更加靠近用戶，還可為用戶提供更快的響應，將需求在邊緣端解決。
物聯網應用
全球智能手機的快速發展，推動了移動終端和「邊緣計算」的發展。而萬物互聯、萬物感知的智能社會，則是跟物聯網發展相伴而生，邊緣計算系統也因此應聲而出。
事實上，物聯網的概念已經提出有超過15年的歷史，然而，物聯網卻並未成為一個火熱的應用。一個概念到真正的應用有一個較長的過程，與之匹配的技術、產品設備的成本、接受程度、試錯過程都是漫長的，因此往往不能很快形成大量使用的市場。
根據Gartner的技術成熟曲線理論來說，在2015年IoT從概念上而言，已經到達頂峰位置。因此，物聯網的大規模應用也開始加速。因此未來5-10年內IoT會進入一個應用爆發期，邊緣計算也隨之被預期將得到更多的應用。
『捌』 乒乓球發球時打到乒乓桌的前端邊緣，重發還是算失誤
算失誤.除了擦網之外都不算重發
『玖』 前端開發中input為什麼會與上邊界有距離
既然table設置了100%，table本身自帶的標簽td就不能寫padding，因為IE是把padding計算在總寬度上的。實際的寬度會是100%+padding總寬度。
去除padding，在input上加上margin即可，用來替代padding所產生的距離效果。
input內部建議不要使用padding，可使用text-indent來控制文字左邊距。
『拾』 如何學習前端
1、准備和基礎的學習 開始的時候做一些基礎工作還是必要的，比如選一個自己喜歡的編輯器啊，比如科學上網，高效的使用搜索引擎，markdon語法，PS切圖等，這些東西都可以大幅度提升你的學習效率或編程的幸福感，所謂磨刀不誤砍柴功。
接下來你就可以開始學習基礎知識啦。HTML，CSS，Java這三樣真的很重要，真的很重要，真的很重要，重要的事情說三遍！HTML寫出基礎頁面，CSS將HTML靜態頁面從黑白色過渡到五顏六色，然後java可以讓枯燥的靜態文字變成可以交互的內容。
4、前端高級課程學習
上面的這些都是前端開發的基礎，如果需要成為月薪上萬，行業搶手的前端工程師，這些是不夠的。還需學習ECMA 6、web 界面的漸進式框架vue.js、自動化構建工具Gulp、平台node.js、微信端開發等。直到能夠用框架開發WEB應用，月薪上萬也就穩了，妥妥的中級前端工程師。
5、js的編程思想和面向對象 編程思想，其實就是事項一個事物的自己的想法，將自己的想法編寫成代碼。就是編碼思想了。這就需要大量的實踐，當在寫小功能得心應手而組織工程代碼有點費勁的時候，自然就會認真考慮了。js的面向對象指的是ECMA 面向對象技術，它真正強大之處在於能夠創建自己專用的類和對象，是一門比較復雜的技術。
當以上五條都有所涉獵後，剩下的就不需要別人進行引導了，到那時候你自己就知道你需要學習進階哪方面的技能。當然，那時已經成為一名前端工程師，已然處於高薪工作中。