未來太遙遠(yuǎn),不想這么多,技術(shù)棧幾年一換才是常態(tài)。目前很多應(yīng)用開發(fā)者在嘗試使用uni-app,可以嘗試一下,多學(xué)一點(diǎn)多一個(gè)技術(shù)選擇不是壞事。
創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比于田網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式于田網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋于田地區(qū)。費(fèi)用合理售后完善,10多年實(shí)體公司更值得信賴。
想學(xué)一個(gè)長(zhǎng)久可用的技術(shù),在IT界特別是中國(guó),并不太現(xiàn)實(shí)。如果選擇了前端,那情況只怕是更糟。
uniapp是未來趨勢(shì)?NO!NO!
說uniapp成為趨勢(shì)感覺有點(diǎn)好笑。
不懂行的可能不了解,我就換個(gè)說法。
我可以說手機(jī)行業(yè)小米手機(jī)會(huì)成為未來的趨勢(shì)嗎?
你認(rèn)為可能性多大?當(dāng)然不可否認(rèn)小米很優(yōu)秀了,當(dāng)然實(shí)話實(shí)說,這也是相對(duì)的。想變成趨勢(shì)可謂有點(diǎn)夜郎自大。
uniapp是什么?簡(jiǎn)單點(diǎn)說說吧
一個(gè)基于vue的跨平臺(tái)開發(fā)的框架,有了它你可以寫一套代碼打包成安卓、蘋果安裝包,還可以導(dǎo)出各種小程序,還可以導(dǎo)出h5…,反正功能很強(qiáng)大。
它的出現(xiàn),只要你懂點(diǎn)前端,只要你會(huì)點(diǎn)vue,OK那你就可以開發(fā)APP了。
厲害不厲害?可以說在某種程度上確實(shí)很牛逼,很方便,特別又是國(guó)產(chǎn),文檔、demo之類的很多。
平臺(tái)又出有云服務(wù),支付,廣告等各種插件。小白上手也很快。所以一時(shí)圈了很粉,社區(qū)還算湊合吧。
uniapp之所以被越來越多的人需要,不得不說下跨平臺(tái)。
APP開發(fā)跨平臺(tái)確實(shí)是個(gè)剛需,也是一個(gè)真正的趨勢(shì)。畢竟純?cè)_發(fā)一個(gè)APP太復(fù)雜了,成本也高。有些APP根本不需要關(guān)心所謂的性能、流暢度之類的。所以跨平臺(tái),一套代碼完全搞定,可謂是個(gè)不錯(cuò)的選擇。
但是跨平臺(tái)可選性的技術(shù)方案太多,與uniapp直接相對(duì)的,apicloud,在國(guó)產(chǎn)圈也是拉了不少粉。
此外rn,lonic,cordova,weex等之類的前輩仍然具有一定的地位,還有新起來flutter也是火的不得了。
所以u(píng)niapp只能說在小范圍內(nèi)可以說很好,但是和那些成熟,風(fēng)靡海內(nèi)外的技術(shù)框架還是有差距的。
uniapp真的好用嗎?
首先,我感覺它越來越廢了。有時(shí)真是感覺積累!
開發(fā)APP就專業(yè)開發(fā)APP吧,你還搞的適配一堆小程序,所以造成越來越臃腫。文檔雜亂。
有時(shí),選擇你,我就是想僅僅開發(fā)APP。壓根不要小程序!
所以,特別是新手,因此會(huì)有一定的煩惱。
另一個(gè) 值得 吐槽的就是不太穩(wěn)定!
架構(gòu)經(jīng)常換,而且之前的很難兼容!
為此估計(jì)不少人想罵人。特別那些已經(jīng)有了成熟運(yùn)營(yíng)的APP。
再次升級(jí)的話,不好意思,很多東西重寫吧。
從當(dāng)初非自定義組件、自定義組件,再到今天的v3架構(gòu)??芍^一步一個(gè)坑,真的嚴(yán)重依賴它的話,真的花費(fèi)大精力去踩坑了。
當(dāng)然一般的開發(fā)拿來用用還是不錯(cuò)的
我司項(xiàng)目開始用的h5+那一套,也用uniapp做過幾個(gè)項(xiàng)目。反正要求不是很高,效果感覺還可以。
真的真的去完全適配安卓,蘋果的話,要做的還是有很多。
OK,就這了。技術(shù)本身無所謂好壞,只有適合不適合。
有時(shí)基于時(shí)間、項(xiàng)目成本、人員技術(shù)水平,只要合適就是最好的。
uniapp也一樣,希望它快快成長(zhǎng),快快穩(wěn)定,完善吧!
uniapp目前確實(shí)很火,暫且不說uniapp這種框架是不是未來的趨勢(shì),但大前端絕對(duì)是未來的趨勢(shì)。
在計(jì)算機(jī)編程領(lǐng)域,前端近幾年的技術(shù)更新速度達(dá)到了頂峰。
這并不是得益于前端的語言優(yōu)勢(shì),而是開放繁榮的生態(tài)。
uniapp這類框架正是前端進(jìn)軍移動(dòng)互聯(lián)網(wǎng)的利刃。
移動(dòng)互聯(lián)網(wǎng)過時(shí)了嗎?不,移動(dòng)互聯(lián)網(wǎng)正在以新的形態(tài)進(jìn)軍PC。
所以,未來幾年uniapp這類框架還會(huì)繁榮,而前端慢慢融合,PC與移動(dòng)的前端界限越來越模糊。
serverless是趨勢(shì),unicloud正好整合了阿里云與騰訊云!
最重要的是unicloud開始標(biāo)準(zhǔn)化,uni-id ,unicloud-admin就是苗頭!
聽從開發(fā)者建議且更新頻繁的框架!兩年左右完善度已經(jīng)非常高!
現(xiàn)在他們需要做的功能太多,所以一些細(xì)節(jié)性并未完善,一旦穩(wěn)定下來,他們能把一些細(xì)節(jié)做好,這個(gè)框架與開發(fā)者工具絕對(duì)不容小噓!
免費(fèi)的服務(wù)器,免費(fèi)的框架,對(duì)于初創(chuàng)團(tuán)隊(duì),或者個(gè)人創(chuàng)業(yè)者,有想法的開發(fā)者,可以省大多成本!
自己獨(dú)立完成的項(xiàng)目(超級(jí)檔案)已上架小米,華為,蘋果應(yīng)用商店,同時(shí),各大平臺(tái)小程序也全部上架!
不是。h5類的優(yōu)勢(shì)在于開發(fā)簡(jiǎn)單,周期短,一套代碼跑多端。適合初創(chuàng)快速迭代。任何一個(gè)成熟的產(chǎn)品在達(dá)到一定規(guī)模后,都會(huì)回歸原生,或者混合。這是性能,用戶體驗(yàn),安全等多方面因素決定的。這也是有了rn后,為什么還會(huì)有flutter出現(xiàn)的原因。
何為趨勢(shì)?在互聯(lián)網(wǎng)高速發(fā)達(dá)的時(shí)代,物競(jìng)天擇的規(guī)律同樣適用,這個(gè)開發(fā)平臺(tái)的主要目的就是解決了多平臺(tái)重復(fù),跨平臺(tái)生態(tài)不好,開發(fā)和使用用戶體驗(yàn)不好的問題,真正做到了一套代碼全平臺(tái)適用,一勞永逸,同時(shí)還不影響平臺(tái)特色,隨著整個(gè)業(yè)內(nèi)開發(fā)者的用戶數(shù)越來越多,勢(shì)必會(huì)取代不合時(shí)宜的開發(fā)平臺(tái)。從目前的使用廣度和應(yīng)用產(chǎn)品的市場(chǎng)反饋來看,它是具備這個(gè)能力的。
uniapp還是很多人用的,尤其在現(xiàn)在這個(gè)時(shí)間,用來開發(fā)小程序還是不錯(cuò)的
如果沒有意外的話,他還會(huì)保持現(xiàn)狀很長(zhǎng)時(shí)間
對(duì)于小型項(xiàng)目或者交互要求不高的項(xiàng)目來說,基本是夠用的,這種項(xiàng)目又普遍對(duì)成本或者開發(fā)效率非常敏感,在這點(diǎn)做的比uniapp好的確實(shí)不多,所以他的用戶群會(huì)非常穩(wěn)定
至于感覺上沒人討論的原因也很簡(jiǎn)單
一是有影響力的開發(fā)人員幾乎不可能是uniapp的用戶,uniapp的用戶多數(shù)也提不出值得討論的內(nèi)容
二是這東西真沒什么可討論的,上限實(shí)在不高
uniapp目前在國(guó)內(nèi)的生態(tài)很好,因?yàn)榇笄岸耸勤厔?shì),是uniapp在未來一段時(shí)間內(nèi)還是很火的,個(gè)人認(rèn)為如果創(chuàng)業(yè)階段如果沒有原生客戶端工程師,只有web團(tuán)隊(duì),uniapp非常適合
目前來說uniapp是 一款很好的開發(fā)小程序的編碼工具,
優(yōu)點(diǎn)有
一:簡(jiǎn)單易學(xué),學(xué)習(xí)成本低。
二:可以跨多個(gè)平臺(tái),制作一套代碼可以在多個(gè)平臺(tái)發(fā)布
三:運(yùn)行比較流暢,運(yùn)行體驗(yàn)更好,兼容weex,組件·api和微信小程序一致
綜合以上幾點(diǎn)來看uniapp前景不錯(cuò)。
目前確實(shí)有這個(gè)趨勢(shì)。用uniapp開發(fā)了一款app,叫小 時(shí)尚 ,目前已經(jīng)在各大應(yīng)用商店上線。
核心
前端三大框架已趨于平穩(wěn),標(biāo)準(zhǔn)化,向?Web Components?看齊。
小程序(各種平臺(tái))爆發(fā),互聯(lián)網(wǎng)創(chuàng)業(yè)優(yōu)先選擇小程序。多端受到重視,不再只是?all in mobile。
WebAssembly?讓更多語言可以運(yùn)行在瀏覽器上。
PWA進(jìn)入穩(wěn)定期,尤其是 PWA 桌面版,可以讓我們更好的看清楚 PC 桌面版開發(fā)的全貌。
Flutter?發(fā)展較快,最大硬傷是Dart語言。RN原有的開發(fā)方式會(huì)退出歷史舞臺(tái)。
TypeScript已經(jīng)慢慢成為前端的主流開發(fā)如果你想要學(xué)好web前端最好加入一個(gè)好的學(xué)習(xí)環(huán)境,可以來這個(gè)Q群,首先是132,中間是667,最后是127,這樣大家學(xué)習(xí)的話就比較方便,還能夠共同交流和分享資料語言,將成為必備開發(fā)技能。
開發(fā)團(tuán)隊(duì)前后端分離已經(jīng)進(jìn)入深水期。
其他:ServerLess\GraphSQL發(fā)展迅猛、D3、webgl、SVG、webpack不再是唯一的打包工具選項(xiàng)(Rollup、parcel零配置)、WebRTC、靜態(tài)生成、人工智能前端化
趨勢(shì)一:更加移動(dòng)優(yōu)先
響應(yīng)式設(shè)計(jì)顯然是目前web前端開發(fā)領(lǐng)域的主要趨勢(shì)之一,并且這一趨勢(shì)在未來還將持續(xù)一段時(shí)間。雖然現(xiàn)在的響應(yīng)式設(shè)計(jì)大部分還是以PC版優(yōu)先,然而如果有一天我們把PC版放到比移動(dòng)版次要的位置上,也沒有什么好奇怪的。因?yàn)椋壳霸S多web前端開發(fā)者已經(jīng)開始轉(zhuǎn)向以移動(dòng)優(yōu)先方案來做他們的響應(yīng)式設(shè)計(jì)和開發(fā),這就象征著一個(gè)重大轉(zhuǎn)變,值得我們跟進(jìn)的。
趨勢(shì)二:更多使用快速原型開發(fā)工具
眾多web前端開發(fā)者從2018年開始嘗試使用快速原型開發(fā)工具,而在2019年將是這種技術(shù)真正爆發(fā)的一年?!癠Xpin、Webflow、Invision以及其它許多快速原型開發(fā)工具,讓設(shè)計(jì)師不用寫一行代碼,就能為網(wǎng)站和服務(wù)快速創(chuàng)建低保真和高保真原型,便于設(shè)計(jì)師衡量它們的可用性和美觀性。”web設(shè)計(jì)師Jamie 如是說,“許多工具也允許你在瀏覽器中設(shè)計(jì)原型并從工具里真正啟動(dòng)網(wǎng)站自身。”
趨勢(shì)三:營(yíng)銷類頁面小程序化
這個(gè)指的就是大家平時(shí)在微信里看到的各類營(yíng)銷網(wǎng)頁,因?yàn)橹饕肟谠谖⑿?,因此變成微信小程序。這個(gè)大家比較好理解吧,就不多說了。小程序現(xiàn)在可能BUG多,功能跟不上,但是要替代這類網(wǎng)頁可能也就是2年不到的時(shí)間。
趨勢(shì)四:HTML內(nèi)的技術(shù)改進(jìn)
這個(gè)能影響到的范圍看起來很大,但其實(shí)場(chǎng)景比較有限,主要是排除掉上面說的1和3之外的空間??臻g就在于這兩大技術(shù)目前都沒有成熟的最佳實(shí)踐,還需要探索。
在互聯(lián)網(wǎng)時(shí)代,更多的人、場(chǎng)景、知識(shí)將需要被更加緊密地聯(lián)系在一起,而有連接的地方就會(huì)有界面,有界面的地方就會(huì)有前端。每一門學(xué)科與技術(shù)都是在不斷摸索和總結(jié)中前行,前端技術(shù)也不例外。未來我們有理由相信在前端技術(shù)日趨成熟的前提下,新的突破和變革將會(huì)給我們的工作與生活帶來更多驚喜。
趨勢(shì)五:虛擬現(xiàn)實(shí)
如果要討論web前端技術(shù)趨勢(shì)怎能不提到虛擬現(xiàn)實(shí)技術(shù)VR呢,2019年將繼續(xù)是VR成為主流的一年,這也就意味著web開發(fā)者將通過VR來吸引用戶,我們已經(jīng)看到一些公司比如Mozilla和Google投資開發(fā)VR與Web之間的API。越來越多的VR應(yīng)用程序?qū)⑾嗬^問世,所以如果看到越來越多的虛擬現(xiàn)實(shí)元素出現(xiàn)在 Web上,也別覺得奇怪。
未來幾年前端本身的開發(fā)技術(shù)應(yīng)該不會(huì)有大的方向變化,但是將會(huì)呈現(xiàn)出四大發(fā)展趨勢(shì):
第一個(gè)趨勢(shì)是入口應(yīng)用會(huì)小程序化
類似騰訊、阿里、滴滴、美團(tuán)這樣作為入口的應(yīng)用,會(huì)自己做自己的一套小程序體系,在自己的app內(nèi)通行。這里的意思不是說大家都會(huì)去用微信小程序,而是會(huì)效仿微信小程序這套體系,搬到自己的app內(nèi)。主要原因是,這些入口應(yīng)用容納自己公司各類業(yè)務(wù)線,已經(jīng)臃腫不堪,使用原生開發(fā)迭代效率跟不上,使用HTML又難以做到高性能,因此使用類似小程序的方案,可以做到暢享HTML多年來積累的開發(fā)模式,同時(shí)裁撤大量平時(shí)用不到的API,降低渲染頁面的復(fù)雜度。這個(gè)趨勢(shì)會(huì)涉及到移動(dòng)端開發(fā)。
第二個(gè)趨勢(shì)是Web前后端融合為全棧開發(fā)
Node.js已經(jīng)給前端開發(fā)很好地開了個(gè)頭,這個(gè)頭就是讓前端人員了解HTTP協(xié)議的細(xì)節(jié),了解常規(guī)的API開發(fā)。我相信很多人已經(jīng)看明白了,為什么我們要做前后端分離,這里面主要原因除了代碼開發(fā)部署上的分離,還有一部分是讓不懂HTTP協(xié)議的人不要在接口層瞎鼓搗,因?yàn)檫@里面細(xì)節(jié)太多了,你都不了解HTTP緩存,你怎么知道哪個(gè)API的HTTP header應(yīng)該用什么呢。因此了解HTTP協(xié)議的前端,會(huì)慢慢吃掉這部分后端開發(fā)的任務(wù),而了解HTTP協(xié)議的后端,也會(huì)因?yàn)槿罂蚣荛_發(fā)模式的成熟而學(xué)會(huì)前端開發(fā)。進(jìn)而,這些兩類人演化為全棧開發(fā)。
第三個(gè)趨勢(shì)是營(yíng)銷類頁面小程序化
這個(gè)指的就是大家平時(shí)在微信里看到的各類營(yíng)銷網(wǎng)頁,因?yàn)橹饕肟谠谖⑿牛虼俗兂晌⑿判〕绦?。這個(gè)大家比較好理解吧,就不多說了。小程序現(xiàn)在可能BUG多,功能跟不上,但是要替代這類網(wǎng)頁可能也就是2年不到的時(shí)間。
第四個(gè)趨勢(shì)才是大家看到的PWA、WASM代表的HTML內(nèi)的技術(shù)改進(jìn),這個(gè)能影響到的范圍看起來很大,但其實(shí)場(chǎng)景比較有限,主要是排除掉上面說的1和3之外的空間??臻g就在于這兩大技術(shù)目前都沒有成熟的最佳實(shí)踐,還需要探索。
親愛的小伙伴,你對(duì)前端技術(shù)感興趣嗎?想了解一個(gè)絢麗多彩網(wǎng)站和小程序是如何被制作出來的嗎?歡迎加入我們的前端技術(shù)大家庭:。在這里,不僅有志同道合的朋友,指導(dǎo)人生的老師,更有看不完的技術(shù)教程隨你挑!心動(dòng)嗎?想學(xué)嗎?那就動(dòng)動(dòng)你的小手手,加入我們吧!
[img]前言
為什么跨平臺(tái)是發(fā)展趨勢(shì)?
同一個(gè)應(yīng)用,各個(gè)“端”獨(dú)立開發(fā),不僅開發(fā)周期長(zhǎng),而且人員成本高。同時(shí),作為技術(shù)人員,也不應(yīng)該滿足于這種重復(fù)、低能的工作狀態(tài)。在這樣的形勢(shì)下,跨平臺(tái)的技術(shù)方案也受到越來越多人和企業(yè)的關(guān)注。
本篇文章我將從原理、優(yōu)缺點(diǎn)等方面為大家分享跨平臺(tái)技術(shù)
一. H5
說到跨平臺(tái),沒人不知道H5。不管是在Mac、Windows、Linux、iOS、Android還是其他平臺(tái),只要給一個(gè)瀏覽器,連“月球”上它都能跑。
1.瀏覽器架構(gòu)
下面,我們來看看讓H5如此橫行霸道的瀏覽器的架構(gòu):
瀏覽器由以上7個(gè)部分組成,而“渲染引擎”是性能優(yōu)化的重中之重,一起了解其中的渲染原理。
2.渲染引擎原理
不同的瀏覽器內(nèi)核不同,渲染過程會(huì)不太一樣,但主要流程還是一致的。
分為下面6步驟:
從以上6步,我們可以總結(jié)渲染優(yōu)化的要點(diǎn):
以上就是瀏覽器端的內(nèi)容。但H5作為跨平臺(tái)技術(shù)的載體,是如何與不同平臺(tái)的App進(jìn)行交互的呢?這時(shí)候JSBridge就該出場(chǎng)了。
3.JSBridge原理
JSBridge,顧名思義,是JS和Native之間的橋梁,用來進(jìn)行JS和Native之間的通信。
通信分為以下兩個(gè)維度:
那么App內(nèi)加載H5的過程是什么樣的呢?
4.App打開H5過程
打開H5分為4個(gè)階段:
這四步,對(duì)應(yīng)的過程如上圖所以,我們可以針對(duì)性的做性能優(yōu)化。
5.優(yōu)缺點(diǎn)分析
下面,我們進(jìn)行H5的優(yōu)缺點(diǎn)分析:
優(yōu)點(diǎn)
缺點(diǎn)
雖然H5目前還存在不足,但隨著PWA、WebAssembly等技術(shù)的進(jìn)步,相信H5在未來能夠得到越來也好的發(fā)展。
二.小程序
2018年是微信小程序飛速發(fā)展的一年,19年,各大廠商快速跟進(jìn),已經(jīng)有了很大的影響力。下面,我們以微信小程序?yàn)槔?,分析小程序的技術(shù)架構(gòu)。
小程序跟H5一樣,也是基于Webview實(shí)現(xiàn)。但它包含View視圖層、App Service邏輯層兩部分,分別獨(dú)立運(yùn)行在各自的WebView線程中。
1.View
可以理解為h5的頁面,提供UI渲染。由WAWebview.js來提供底層的功能,具體如下:
每個(gè)窗口都有一個(gè)獨(dú)立的WebView進(jìn)程,因此微信限制不能打開超過5個(gè)層級(jí)的頁面來保障用戶體驗(yàn)。
2. App Service
提供邏輯處理、數(shù)據(jù)請(qǐng)求、接口調(diào)用。由WAService.js來提供底層的功能,具體如下:
運(yùn)行環(huán)境:
僅有一個(gè)WebView進(jìn)程
3.View App Service通信
視圖層和邏輯層通過系統(tǒng)層的JSBridage進(jìn)行通信,邏輯層把數(shù)據(jù)變化通知到視圖層,觸發(fā)視圖層頁面更新,視圖層將觸發(fā)的事件通知到邏輯層進(jìn)行業(yè)務(wù)處理。
4. 優(yōu)缺點(diǎn)分析
優(yōu)點(diǎn)
缺點(diǎn)
既然WebView性能不佳,那有沒有更好的方案呢?下面我們看看React Native。
三.React Native
RN的理念是在不同平臺(tái)上編寫基于React的代碼,實(shí)現(xiàn)Learn once, write anywhere。
Virtual DOM在內(nèi)存中,可以通過不同的渲染引擎生成不同平臺(tái)下的UI,JS和Native之間通過Bridge通信
1.React Native 工作原理
在 React 框架中,JSX 源碼通過 React 框架最終渲染到了瀏覽器的真實(shí) DOM 中,而在 React Native 框架中,JSX 源碼通過 React Native 框架編譯后,與Native原生的UI組件進(jìn)行映射,用原生代替DOM元素來渲染,在UI渲染上非常接近Native App。
2.React Native 與Native平臺(tái)通信
3.優(yōu)缺點(diǎn)分析
優(yōu)點(diǎn)
缺點(diǎn)
4.RN展望
雖然RN還存在不足,但RN新版本已經(jīng)做了如下改進(jìn),并且RN團(tuán)隊(duì)也在積極準(zhǔn)備大版本重構(gòu),能否成為開發(fā)者們所信賴的跨平臺(tái)方案,讓我們拭目以待。
既然React Native在渲染方面還擺脫不了原生,那有沒有一種方案是直接操控GPU,自制引擎渲染呢,我們終于迎來了Flutter!
四.Flutter
Flutter是Google開發(fā)的一套全新的跨平臺(tái)、開源UI框架,支持iOS、Android系統(tǒng)開發(fā),并且是未來新操作系統(tǒng)Fuchsia的默認(rèn)開發(fā)套件。渲染引擎依靠跨平臺(tái)的Skia圖形庫來實(shí)現(xiàn),依賴系統(tǒng)的只有圖形繪制相關(guān)的接口,可以在最大程度上保證不同平臺(tái)、不同設(shè)備的體驗(yàn)一致性,邏輯處理使用支持AOT的Dart語言,執(zhí)行效率也比JavaScript高得多。
1.Flutter架構(gòu)原理
2.Dart優(yōu)勢(shì)
很多人會(huì)好奇,為什么Flutter要用Dart,而不是用JavaScript開發(fā),這里列下Dart的優(yōu)勢(shì)
3.優(yōu)缺點(diǎn)分析
優(yōu)點(diǎn)
缺點(diǎn)
跨平臺(tái)方案簡(jiǎn)介
目前的主流跨平臺(tái)方案有很多種:Cordova/phoneGap、React Native、Weex、微信小程序、PWA和Flutter等,根據(jù)其原理性,可以分為三大類:
1、H5+原生(Cordova、Ionic、微信小程序)
2、JavaScript開發(fā)+原生渲染 (React Native、Weex、快應(yīng)用)
3、自繪UI+原生(Flutter)
此外還有增強(qiáng)版Web App(PWA),PWA完全使用前端技術(shù)棧,不過它需要手機(jī)和瀏覽器的支持。由于谷內(nèi)廠商和瀏覽器的統(tǒng)一性問題,PWA在國(guó)內(nèi)的發(fā)展并不是很好。關(guān)于跨平臺(tái)每個(gè)方案的具體整理會(huì)在之后的文章中與大家分享。
大前端趨勢(shì)
大前端不僅會(huì)成為移動(dòng)開發(fā)與Web前端的發(fā)展趨勢(shì),也將會(huì)是未來的顯示設(shè)備終端的開發(fā)技術(shù)趨勢(shì)。大前端將做更多的終端開發(fā)、工程化等工作,而不僅僅只是開發(fā)Web頁面。大前端工程師將能搞定所有端上的開發(fā)。
與充滿爭(zhēng)議的全棧工程師相比,它更具可操作性。但同時(shí)對(duì)開發(fā)者而言,要會(huì)更多的技術(shù)棧,比如原生開發(fā)者要學(xué)習(xí)html、css、js等前端知識(shí),前端開發(fā)人員也要學(xué)習(xí)Android或iOS的原生開發(fā)技術(shù),然后了解一下常見的跨平臺(tái)技術(shù),只有這樣才能更好的融入到大前端的這個(gè)大家庭中。
以上小編為大家介紹的大前端技術(shù)發(fā)展趨勢(shì)。從理論上來講,大前端的實(shí)現(xiàn),會(huì)讓前端工程師未來的工作量相對(duì)減少。但是同時(shí)由于跨平臺(tái)技術(shù)的融入,前端工程師必須在原有前端知識(shí)的基礎(chǔ)上,更多的去掌握一個(gè)適合自己的跨平臺(tái)解決方案。
趨勢(shì)一:更加移動(dòng)優(yōu)先
響應(yīng)式設(shè)計(jì)顯然是目前Web前端開發(fā)領(lǐng)域的主要趨勢(shì)之一,并且這一趨勢(shì)在未來還將持續(xù)一段時(shí)間。雖然現(xiàn)在的響應(yīng)式設(shè)計(jì)大部分還是以PC版優(yōu)先,然而如果有一天我們把PC版放到比移動(dòng)版次要的位置上,也沒有什么好奇怪的。因?yàn)?,目前許多Web前端開發(fā)者已經(jīng)開始轉(zhuǎn)向以移動(dòng)優(yōu)先方案來做他們的響應(yīng)式設(shè)計(jì)和開發(fā),這就象征著一個(gè)重大轉(zhuǎn)變,值得我們跟進(jìn)的。
趨勢(shì)二:更多使用快速原型開發(fā)工具
眾多Web前端開發(fā)者從2016年開始嘗試使用快速原型開發(fā)工具,而在2018年將是這種技術(shù)真正爆發(fā)的一年?!癠Xpin、Webflow、Invision以及其它許多快速原型開發(fā)工具,讓設(shè)計(jì)師不用寫一行代碼,就能為網(wǎng)站和服務(wù)快速創(chuàng)建低保真和高保真原型,便于設(shè)計(jì)師衡量它們的可用性和美觀性?!?Web設(shè)計(jì)師Jamie Leeson says如是說,“許多工具也允許你在瀏覽器中設(shè)計(jì)原型并從工具里真正啟動(dòng)網(wǎng)站自身?!?/p>
不管未來前端發(fā)展方向如何,可以肯定的是未來前端人才需求依舊很大。想學(xué)前端開發(fā)專業(yè)的機(jī)構(gòu)也很多,你可以去線下試聽課程了解一下,例如北大青鳥、南京中博軟件學(xué)院、南京課工場(chǎng)等等都有試聽課程的!