華云數(shù)據(jù)技術(shù)分享：2019前端戰(zhàn)略規(guī)劃之技術(shù)布局

作者：佚名 2019-04-01 16:01:32
云計(jì)算 程序猿們都知道前端技術(shù)變化很快，隨著2019年到來(lái)，前端技術(shù)又會(huì)迎來(lái)哪些變化，我們應(yīng)該學(xué)些什么?華云數(shù)據(jù)“智匯華云”專欄將為您奉上“2019前端戰(zhàn)略規(guī)劃”系列文章，本期將為您講解2019前端戰(zhàn)略規(guī)劃之技術(shù)布局。

專注于為中小企業(yè)提供成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)孟津免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千多家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

程序猿們都知道前端技術(shù)變化很快，隨著2019年到來(lái)，前端技術(shù)又會(huì)迎來(lái)哪些變化，我們應(yīng)該學(xué)些什么?華云數(shù)據(jù)“智匯華云”專欄將為您奉上“2019前端戰(zhàn)略規(guī)劃”系列文章，本期將為您講解2019前端戰(zhàn)略規(guī)劃之技術(shù)布局。

布局一：基礎(chǔ)知識(shí)

可能在大家多開發(fā)眼里，前端基礎(chǔ)知識(shí)，就是HTML+css+javascript。但是在我看來(lái)，基礎(chǔ)的范圍現(xiàn)在不止這些，還需要多加一項(xiàng)nodejs，各種調(diào)查，nodejs也已經(jīng)作為一個(gè)必備技能，而不是拔高技能了。

對(duì)于新加入公司的實(shí)習(xí)生，在走上前端開發(fā)這條道路的時(shí)候，更應(yīng)該重視基礎(chǔ)知識(shí)的學(xué)習(xí)。

布局二：框架

VUE、React、Angualar在2018年已趨于平衡，要會(huì)一個(gè)，當(dāng)然React用戶最多，滿意度也高，也符合公司需求。

布局三：Web組件化

這里說(shuō)的組件化是Web組件(Web Compoonents)。Html+Css+Js結(jié)構(gòu)表現(xiàn)行為分離確實(shí)是一個(gè)好想法，但也帶來(lái)了一些問(wèn)題，比如狀態(tài)管理和數(shù)據(jù)同步。

組件的特性：

1、高內(nèi)聚性，組件功能必須是完整的，如我要實(shí)現(xiàn)下拉菜單功能，那在下拉菜單這個(gè)組件中，就把下拉菜單所需要的所有功能全部實(shí)現(xiàn);

2、低耦合性，通俗點(diǎn)說(shuō)，代碼獨(dú)立不會(huì)和項(xiàng)目中的其他代碼發(fā)生沖突!在實(shí)際工程中，我們經(jīng)常會(huì)涉及到團(tuán)隊(duì)協(xié)作，傳統(tǒng)按照業(yè)務(wù)線去編寫代碼的方式，就很容易相互沖突，所以運(yùn)用組件化方式就可大大避免這種沖突的存在。

3、每一個(gè)組件都有自己清晰的職責(zé)，完整的功能，較低的耦合便于單元測(cè)試和重復(fù)利用;

為什么大家會(huì)這種熱衷組件化，看下組件化給我們帶來(lái)的好處，其必要性就不言而喻：

• 提高的開發(fā)效率
• 方便重復(fù)使用
• 簡(jiǎn)化調(diào)試步驟
• 提升整個(gè)項(xiàng)目的可維護(hù)性
• 便于協(xié)同開發(fā)

布局四：PWA

漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序(簡(jiǎn)稱PWA)是一種帶有一些額外功能的Web應(yīng)用程序，是一種編寫Web應(yīng)用程序的新方式。

太陽(yáng)底下沒有什么新鮮事，2005年左右其實(shí)數(shù)據(jù)交互形式很多，這個(gè)時(shí)候google大張旗鼓地使用ajax，一舉讓ajax成為了數(shù)據(jù)交互事實(shí)的標(biāo)準(zhǔn)。

10年之后情況類似，各種WebApp開發(fā)亂七八糟，google又說(shuō)了，PWA才是下一代Web 應(yīng)用。

• 2005年 ajax->數(shù)據(jù)交互;
• 2015年 PWA->Web App開發(fā)。

布局五：GraphQL

1、GraphQL 是 REST API 的替代品，搞數(shù)據(jù)接口用的。

2、如果你是創(chuàng)業(yè)公司或者小公司，沒有以前的技術(shù)負(fù)擔(dān)，用GraphQL會(huì)很爽。

3、如果你想成為全棧，GraphQL是你工資突破50K+的***機(jī)會(huì)。

布局六：Serverless Services

用了它，你們公司再也不用自己去買服務(wù)器，做負(fù)載均衡各種事兒了。目前典型的應(yīng)用就是圖床，你上傳一堆圖片，根據(jù)你的需求，別人家的服務(wù)器把各種尺寸給你做好，而且還做好防盜鏈和負(fù)載均衡。性能安全沒的說(shuō)。

這種方式將會(huì)徹底改變前端和后臺(tái)扯皮的工作方式(因?yàn)楦揪筒恍枰笈_(tái)了)。

布局七：網(wǎng)站靜態(tài)化

推薦給大家一個(gè)技術(shù)棧JAMStack

https://jamstack.org/

JAMstack是指使用JavaScript、API和Markup構(gòu)建的技術(shù)堆棧，JAMstack一種基于客戶端JavaScript，可重用API和預(yù)構(gòu)建Markup的現(xiàn)代Web開發(fā)架構(gòu).

什么時(shí)候用?我們這里用排除法

1、使用服務(wù)器端CMS構(gòu)建的站點(diǎn)，如WordPress、Drupal、Joomla或Squarespace。

2、一個(gè)單片服務(wù)器運(yùn)行的Web應(yīng)用程序，它依賴于Ruby，Node或其他后端語(yǔ)言。

3、單頁(yè)應(yīng)用程序，使用同構(gòu)呈現(xiàn)在運(yùn)行時(shí)在服務(wù)器上構(gòu)建視圖。

除了上面這三種情況下不用，其它情況下隨便造。

為什么用它?

作為網(wǎng)站肯定希望快點(diǎn)好。用JAMstack就是一個(gè)字-快。開發(fā)也快，上線也快。

布局八：Javasctipt AI

了解JavaScript構(gòu)建的各種AI模型和機(jī)器學(xué)習(xí)模型。為什么?

目前發(fā)展速度太快，沒準(zhǔn)哪天商用的切圖和寫特效的AI就出來(lái)了。到時(shí)候設(shè)計(jì)師出來(lái)效果圖，上傳到我上面說(shuō)的無(wú)服務(wù)器服務(wù)上面，直接就把圖切出來(lái)了，js特效都寫好了，重點(diǎn)是一點(diǎn)兼容性都沒有。這個(gè)不是科幻，是很貼近現(xiàn)實(shí)的，目前已經(jīng)有AI摳圖，效果還不錯(cuò)，如果經(jīng)過(guò)大量的訓(xùn)練精準(zhǔn)度達(dá)到商用的話，那些摳圖為主要工作的設(shè)計(jì)師可能就下崗了。同理，到時(shí)候會(huì)大量的前端人員下崗，這不是危言聳聽。大家想一想，現(xiàn)在還有打字員這個(gè)職位嗎?

但是兩類人不會(huì)下崗。

1、熟練掌握javascript和AI結(jié)合，操作AI讓webApp和網(wǎng)站更貼合公司業(yè)務(wù)的人員。

2、通過(guò)js構(gòu)建自己公司工作流的人員。

這兩類人不僅僅不會(huì)下崗，反而會(huì)更加重要。

為什么?以前10個(gè)人團(tuán)隊(duì)的工作，現(xiàn)在你一個(gè)人操作AI就做了。

布局九：Javascript物聯(lián)網(wǎng)(IOT)

Nodejs將 javascript推進(jìn)了服務(wù)器端，而不是桎梏與瀏覽器。同理iot，將js推進(jìn)到了更廣泛的設(shè)備。

從簡(jiǎn)單的語(yǔ)音控制臺(tái)燈，到復(fù)雜的javascript+物聯(lián)網(wǎng)智能家居，js的應(yīng)用范圍越來(lái)越廣。而每一次設(shè)備疆域的開拓都伴隨著巨大的技術(shù)核心。

從客戶端到服務(wù)器，從pc端到智能手機(jī)，同理從智能手機(jī)到智能設(shè)備也必將掀起新一輪的技術(shù)和高薪浪潮。

布局十：知識(shí)挖掘技術(shù)

全球范圍內(nèi)數(shù)據(jù)庫(kù)中存儲(chǔ)的數(shù)據(jù)量急劇增加，人們的需求已經(jīng)不只是簡(jiǎn)單的查詢和維護(hù)，而是希望能夠?qū)@些數(shù)據(jù)進(jìn)行較高層次的處理和分析以得到關(guān)于數(shù)據(jù)總體特征和對(duì)發(fā)展趨勢(shì)的預(yù)測(cè)。因此，知識(shí)挖掘這個(gè)技術(shù)也便非常有用，目前的技術(shù)發(fā)展，趨勢(shì)越來(lái)越明顯的。

前端世界，瞬息萬(wàn)變，誰(shuí)也無(wú)法準(zhǔn)確地預(yù)測(cè)明天，連巴菲特也沒辦法算出來(lái)，蘋果公司明天的股價(jià)是多少，但趨勢(shì)是越來(lái)越明顯的，市場(chǎng)也會(huì)給我們足夠的時(shí)間，跟上浪花的潮流。讓自己的事業(yè)更上一個(gè)臺(tái)階，也許并不需要懸梁刺股、嘔心瀝血，只要我們把眼界放開，提前規(guī)劃，按照定好的路線一步一個(gè)腳印，即便爬不上世界之巔，也足以一覽眾山小了，希望這篇文章，能變成幫助大家攀登的繩索。

分享文章：華云數(shù)據(jù)技術(shù)分享：2019前端戰(zhàn)略規(guī)劃之技術(shù)布局
標(biāo)題網(wǎng)址：http://www.dlmjj.cn/article/dpoehge.html