方向不同崗位對比自然也就不同，一千個人眼里有一千個哈姆雷特
創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括鏡湖網(wǎng)站建設(shè)、鏡湖網(wǎng)站制作、鏡湖網(wǎng)頁制作以及鏡湖網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，鏡湖網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到鏡湖省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！
關(guān)于Web前端開發(fā)，近幾年發(fā)生了諸多新聞，從React v16普及，到j(luò)Query被GitHub下掉完成階段性歷史使命，再到版本帝AngularJS發(fā)布v6和v7兩個版本讓人們更多地看到了PC端開發(fā)的走向。那么，2020年Web前端開發(fā)的趨勢如何？帶你詳細(xì)了解下。
一、端
Web前端開發(fā)的有一個方向就是端體系的打通發(fā)展。前端通俗一點(diǎn)理解可以視為是靠前一點(diǎn)的端。而端口的不統(tǒng)一或者說不夠樹形多態(tài)是其麻煩之處。因此在打通場景上會遇到諸多的問題，于是端體系的打通與發(fā)展是一個很重要的道路。無論是從產(chǎn)品、業(yè)務(wù)還是技術(shù)角度來說，都是一個具有挑戰(zhàn)意義的方向。
二、DevOps的成熟
DevOps是整個IT價(jià)值流中實(shí)施精益原則的結(jié)果。延續(xù)端的打通，Web前端將為為整個 DevOps 步調(diào)提供服務(wù)。從評審=開發(fā)=CR=測試=灰度=回滾=發(fā)布=運(yùn)維+運(yùn)營，單點(diǎn)發(fā)展演變?yōu)榫€性發(fā)展，形成一套完整的方案。
三、前端云化
GUI 的發(fā)展，最終是要發(fā)展成云端的形態(tài)，這將不僅是前端要的形態(tài)，也是服務(wù)端的一個形態(tài)。我們能體會到的貫穿 DevOps 流程的云態(tài)，這個只是一個方向，并不是所有都會去到這個方向。
四、可視化領(lǐng)域
隨著端+云化的狀態(tài)，可視化的領(lǐng)域?qū)⑦M(jìn)一步的發(fā)展，渲染等瓶頸會逐漸增高，以及加上 5G 的發(fā)展，必將在 DT 時(shí)代為前端帶來更多的可視化方向和領(lǐng)域。
五、Flutter
嚴(yán)格來講，F(xiàn)lutter并不是前端技術(shù)，而是“客戶端”技術(shù)。而目前Web前端的地位遠(yuǎn)遠(yuǎn)不如客戶端。對于大多數(shù)的公司來說。移動App所帶來的現(xiàn)金流，僅僅靠下載和推廣就可以養(yǎng)活一個灰色的產(chǎn)業(yè)鏈。而移動Web的收益可能不值一提。那么前端與客戶端的合二為一的發(fā)展趨勢是否也將是一個重要的方向！
總之，Web前端開發(fā)的就業(yè)前景形勢一片大好，所以學(xué)起來也要趁早，現(xiàn)在很多專業(yè)培訓(xùn)學(xué)校都很不錯，比如北大青鳥、南京中博軟件學(xué)院和課工場等等，你可以試聽課程綜合考慮。
我是初學(xué)者小白，所以很多看法不深，理解也不夠透徹。但是很適合小白們一起從低角度往高處探索。文中有錯誤的，感謝指正，一起進(jìn)步。
趁著假期做一個Flutter的地圖功能，因?yàn)楹蠖诉x用了百度地圖，所以前端沒得挑。找了遍插件，并沒有現(xiàn)成可用的。（不過發(fā)現(xiàn)了百度官方也自開發(fā)Flutter插件，目前功能只有一個獲取本地位置信息，后期會繼續(xù)增加吧？很期待?。?/p>
參考帖子：
這個實(shí)際上跟功能之間沒太大關(guān)系，只是我按照個人摸索的過程來寫。
當(dāng)對一個“領(lǐng)域/知識塊”完全不懂的時(shí)候，360°的方向都不確定的話。先了解基礎(chǔ)概念，有利于你確定自己的摸索方向。
參考帖子：
中間我跳過了幾十，上百個帖子的摸索過程。這個才是關(guān)鍵能夠真正做事的參考。
因?yàn)榘俣鹊膕dk還算是很完善的，所以一旦出問題，都會有對應(yīng)的報(bào)錯提示。
我是使用flutter插件：permission_handler，來解決安卓的動態(tài)授權(quán)問題，用法簡單而且設(shè)計(jì)合理。
這個錯誤直接來看，就是簽名有問題。怎么查看SHA1碼和包名，這里不多說，網(wǎng)上有極其多的方法，百度Sdk開發(fā)指南里也有。沒那么復(fù)雜，也沒那么麻煩。按照流程操作就是對的。
實(shí)在不放心？跟我一樣，flutter打包后，把a(bǔ)pk反過來解SHA1碼不就行了？
參考帖子：
紅色框框基本就是帖子講解的那樣。
藍(lán)色框框見下圖：release標(biāo)簽里好像是自己設(shè)置了。所以debug標(biāo)簽里面，箭頭指向的位置，是我多設(shè)置的一個參數(shù)。
uid: -1 appid -1 msg: httpsPost failed,IOException:Unable to resolve host "api.map.baidu.com": No address associated with hostname
這一步我是哭笑不得，一開始老是和問題（2）混淆，導(dǎo)致浪費(fèi)很多時(shí)間。仔細(xì)閱讀后，發(fā)現(xiàn)是不能連接到“api.map.baidu.com”。
我打開模擬器的chrome瀏覽器，發(fā)現(xiàn)不能上網(wǎng)。查看手機(jī)的dns是10.0.2.3(默認(rèn)的)，和家里wifi不一樣，所以不能上網(wǎng)也正常，之前居然沒發(fā)現(xiàn)這個問題?。?！
終端執(zhí)行：adb shell? 和? getprop，就可以查看所有的屬性參數(shù)了。（window小伙伴自行百度，這個沒多大差別。如果你有多個設(shè)備，記得自己選好設(shè)備。）
在里面找到這一項(xiàng)，就是你的dns參數(shù)。有些人是net.dns1，我的是net.eth0.dns1。這個沒關(guān)系，只是等下指令 稍微改動 就行。
修改dns指令：setprop net.eth0.dns1 192.168.2.1
后面的192.168.2.1是我自己的dns，這個根據(jù)自己的情況來填寫。不懂的百度下怎么查看自己的dns。
雖然提示設(shè)置失敗，但是回到模擬器一看，地圖已經(jīng)顯示出來了。
嘿嘿，在flutter設(shè)定多大的區(qū)域，地圖就是多大的區(qū)域。用起來就很方便了。
過程十分痛苦，因?yàn)閷lutter不是很熟悉，對Android原生更是了解很少。所以自己就像突然不能講話，被丟到一個陌生的環(huán)境，卻要我去找一個人。所以細(xì)心很重要，一定要看清楚錯誤提示，不要錯過每一個細(xì)節(jié)和可能性。
幸好最后解決了問題，開心~
其實(shí)如果你仔細(xì)閱讀過百度官方的文檔，會發(fā)現(xiàn)里面有關(guān)于 地圖的生命周期管理 。然后在這里面沒有提及到，這一點(diǎn)雖然沒提，但不可或缺，小伙伴就自行思考吧。
最后還有一點(diǎn)，其實(shí)我的初衷是想實(shí)現(xiàn)一個百度地圖的plugin，但是苦于能力有限，對Android的不熟悉，最后折戟。我不得已另起項(xiàng)目，然后重新實(shí)現(xiàn)地圖sdk接入。經(jīng)過這次對于這些有更多更全面的認(rèn)知后，有空會再次研究flutter 插件的開發(fā)，共勉，奧利給?。?！
未來幾年前端本身的開發(fā)技術(shù)應(yīng)該不會有大的方向變化，但是將會呈現(xiàn)出四大發(fā)展趨勢：
第一個趨勢是入口應(yīng)用會小程序化
類似騰訊、阿里、滴滴、美團(tuán)這樣作為入口的應(yīng)用，會自己做自己的一套小程序體系，在自己的app內(nèi)通行。這里的意思不是說大家都會去用微信小程序，而是會效仿微信小程序這套體系，搬到自己的app內(nèi)。主要原因是，這些入口應(yīng)用容納自己公司各類業(yè)務(wù)線，已經(jīng)臃腫不堪，使用原生開發(fā)迭代效率跟不上，使用HTML又難以做到高性能，因此使用類似小程序的方案，可以做到暢享HTML多年來積累的開發(fā)模式，同時(shí)裁撤大量平時(shí)用不到的API，降低渲染頁面的復(fù)雜度。這個趨勢會涉及到移動端開發(fā)。
第二個趨勢是Web前后端融合為全棧開發(fā)
Node.js已經(jīng)給前端開發(fā)很好地開了個頭，這個頭就是讓前端人員了解HTTP協(xié)議的細(xì)節(jié)，了解常規(guī)的API開發(fā)。我相信很多人已經(jīng)看明白了，為什么我們要做前后端分離，這里面主要原因除了代碼開發(fā)部署上的分離，還有一部分是讓不懂HTTP協(xié)議的人不要在接口層瞎鼓搗，因?yàn)檫@里面細(xì)節(jié)太多了，你都不了解HTTP緩存，你怎么知道哪個API的HTTP header應(yīng)該用什么呢。因此了解HTTP協(xié)議的前端，會慢慢吃掉這部分后端開發(fā)的任務(wù)，而了解HTTP協(xié)議的后端，也會因?yàn)槿罂蚣荛_發(fā)模式的成熟而學(xué)會前端開發(fā)。進(jìn)而，這些兩類人演化為全棧開發(fā)。
第三個趨勢是營銷類頁面小程序化
這個指的就是大家平時(shí)在微信里看到的各類營銷網(wǎng)頁，因?yàn)橹饕肟谠谖⑿牛虼俗兂晌⑿判〕绦颉＿@個大家比較好理解吧，就不多說了。小程序現(xiàn)在可能BUG多，功能跟不上，但是要替代這類網(wǎng)頁可能也就是2年不到的時(shí)間。
第四個趨勢才是大家看到的PWA、WASM代表的HTML內(nèi)的技術(shù)改進(jìn)，這個能影響到的范圍看起來很大，但其實(shí)場景比較有限，主要是排除掉上面說的1和3之外的空間。空間就在于這兩大技術(shù)目前都沒有成熟的最佳實(shí)踐，還需要探索。
親愛的小伙伴，你對前端技術(shù)感興趣嗎？想了解一個絢麗多彩網(wǎng)站和小程序是如何被制作出來的嗎？歡迎加入我們的前端技術(shù)大家庭：。在這里，不僅有志同道合的朋友，指導(dǎo)人生的老師，更有看不完的技術(shù)教程隨你挑！心動嗎？想學(xué)嗎？那就動動你的小手手，加入我們吧！
重慶分公司
重慶分公司
