自2017年年末全行業(yè)薪資榜單出爐熊镣，許多小盆友紛紛慕名而來，想要加入互聯(lián)網(wǎng)行業(yè)募书，希望在春節(jié)后獲得一份高薪的工作绪囱。
那么小編就來整理一下最近遇到的一個大熱門——HTML5。
2018年锐膜，大部分的規(guī)劃還是應(yīng)該在Web領(lǐng)域范疇毕箍，具體說來有三個方向可以突破：
1.前端邏輯層（包括三大框架，webpack道盏，前端數(shù)據(jù)管理）
2.前端交互層（包括css3而柑，canvas文捶，svg，vr等媒咳，以及對應(yīng)性能優(yōu)化）
3.node服務(wù)器層 （即服務(wù)器領(lǐng)域粹排，以及前端開發(fā)工具的開發(fā)）
前端邏輯層解決的問題：前端的渲染問題。
其實就是涩澡，從后端拿到的各種數(shù)據(jù)（數(shù)據(jù)庫的結(jié)構(gòu)化數(shù)據(jù)顽耳，各種素材），如何組合成頁面元素妙同。
前端的渲染射富，其實就是?模板+數(shù)據(jù) = 頁面
html 負(fù)責(zé)結(jié)構(gòu)、2.css 負(fù)責(zé)樣式粥帚、3.js 負(fù)責(zé)邏輯
只有模板沒有后端數(shù)據(jù)的頁面我們可以理解為靜態(tài)頁面
而我們目前主流的三大框架胰耗，則提供模板與數(shù)據(jù)之間的映射關(guān)系。在邏輯層的研究芒涡，主要就是學(xué)習(xí)并熟練三大框架： Vue, React, Angular
這一塊是我們90%前端柴灯，日常工作的主要部分。也是很多公司面試會去重點考察的內(nèi)容费尽。
但是赠群，目前的行情已經(jīng)不是你會個新框架就可以任性拿OFFER的時期了。
前端的井噴的情況下旱幼，僅僅會一些基礎(chǔ)知識是不夠的查描。你必須往下深挖。
1.可以深挖的部分
2.框架部分
3.構(gòu)建部分
4.代碼規(guī)范部分
【前端學(xué)習(xí)交流裙：三三零三三六二八九速警，進裙邀請碼（編號）：寂靜 叹誉， 不填不通過。
裙內(nèi)不定時分享干貨和各類源碼闷旧，包括2018最新的前端企業(yè)案例學(xué)習(xí)資料和零基礎(chǔ)入門教程长豁，歡迎自學(xué)的小白和大神入群學(xué)習(xí)交流，分享技術(shù)忙灼〗辰螅】
前端交互層
所謂交互層，可以理解為我們常說的特效该园。當(dāng)前的趨勢下酸舍，移動端瀏覽器的性能逐步提升。未來一個大的趨勢就是前端開發(fā)的效果里初，正無限逼近原生效果
如果我們要在這波浪潮上取得先機啃勉，那么就必須提前學(xué)習(xí)。也許再過三年双妨，前端的開發(fā)特效的能力淮阐，也會成為標(biāo)配技能叮阅。這部分可以分三塊來看：
1.呈現(xiàn)效果學(xué)習(xí)
2.相關(guān)數(shù)學(xué)/視覺原理
3.相關(guān)技術(shù)手段實現(xiàn)
前端目前實現(xiàn)動畫特效的八種方式：
①gif: 設(shè)計直接出GIF，前端直接用
②逐幀動畫： css3 step屬性 或 js制作逐幀動畫
③css3 ： transition/ transform/animation
④svg : svg 很適合移動端
⑤canvas: canvas適合一些比較大面積的動效
⑥flash 轉(zhuǎn) canvas : 這個我不了解
⑦video: 用h5 video標(biāo)簽
⑧js動畫： 可以配合平臺提供的api（重力感應(yīng)等）開發(fā)更復(fù)雜的動效
node 服務(wù)層
node在前端應(yīng)該是無人不知了泣特。在實際使用中node的使用場景應(yīng)該有這幾個：
1.作為前端構(gòu)建輔助工具： 如各種腳手架中浩姥，經(jīng)常有node的參與
2.作為服務(wù)端做渲染層： 實現(xiàn)接口合并和模板渲染
3.作為完整服務(wù)器： 一般是創(chuàng)業(yè)公司中，可以一人搭建起全部web功能状您。如微信公眾號項目等
學(xué)習(xí)一個新的技術(shù)勒叠，可以先把原生的文檔，快速過一遍膏孟，然后學(xué)框架眯分！而框架里面常用的：express； koa 骆莹；基于以上兩者衍生的框架颗搂；其余框架！
其他方向?qū)W習(xí)
前端是端工程師幕垦，一切特性依賴于客戶端。 因此各位前端的同仁傅联，除了上述的功能外先改，還是要多留意瀏覽器以及移動端環(huán)境的變遷。 一些類似與 HTTP2 協(xié)議蒸走，PWA仇奶，openGL 等技術(shù)，都隨時有可能改變前端的工作方式比驻。
除以上小編說的外该溯，前端工程師們在學(xué)習(xí)、工作過程中還必須學(xué)會以下能力：
·自我規(guī)劃能力：對于技術(shù)領(lǐng)域的趨勢的洞察别惦，以及個人對應(yīng)的學(xué)習(xí)計劃
·快速學(xué)習(xí)能力：搜索能力（利用網(wǎng)上的各種知識）狈茉，知識遷移能力
·溝通能力和知識輸出能力： 面向產(chǎn)品，以及面向后端掸掸，面向社區(qū)同仁
?
