做混合的話(huà)Uniapp和Flutter我應(yīng)該學(xué)哪個(gè)??？

Uniapp目前比較成熟，而且用的是Vue語(yǔ)法，學(xué)習(xí)成本比較低，而且行業(yè)里面用的也比較廣泛，而Flutter的話(huà)，學(xué)習(xí)成本略高，因?yàn)橐獙W(xué)習(xí)新的語(yǔ)言，還有就是目前生態(tài)不是特別完備，等他再發(fā)展發(fā)展吧。目前黑馬程序員就有學(xué)習(xí)Vue的視頻，你可以去學(xué)習(xí)一下，提高自己的能力，讓自己的職場(chǎng)更好！您的采納給我提供源源不斷的動(dòng)力，很高興您能滿(mǎn)意

為烏拉特前等地區(qū)用戶(hù)提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及烏拉特前網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、烏拉特前網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專(zhuān)業(yè)、用心的態(tài)度為用戶(hù)提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶(hù)的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

別人說(shuō)前端的前景不好,后端的發(fā)展會(huì)好很多？

方向不同崗位對(duì)比自然也就不同，一千個(gè)人眼里有一千個(gè)哈姆雷特

關(guān)于Web前端開(kāi)發(fā)，近幾年發(fā)生了諸多新聞，從React v16普及，到j(luò)Query被GitHub下掉完成階段性歷史使命，再到版本帝AngularJS發(fā)布v6和v7兩個(gè)版本讓人們更多地看到了PC端開(kāi)發(fā)的走向。那么，2020年Web前端開(kāi)發(fā)的趨勢(shì)如何？帶你詳細(xì)了解下。

一、端

Web前端開(kāi)發(fā)的有一個(gè)方向就是端體系的打通發(fā)展。前端通俗一點(diǎn)理解可以視為是靠前一點(diǎn)的端。而端口的不統(tǒng)一或者說(shuō)不夠樹(shù)形多態(tài)是其麻煩之處。因此在打通場(chǎng)景上會(huì)遇到諸多的問(wèn)題，于是端體系的打通與發(fā)展是一個(gè)很重要的道路。無(wú)論是從產(chǎn)品、業(yè)務(wù)還是技術(shù)角度來(lái)說(shuō)，都是一個(gè)具有挑戰(zhàn)意義的方向。

二、DevOps的成熟

DevOps是整個(gè)IT價(jià)值流中實(shí)施精益原則的結(jié)果。延續(xù)端的打通，Web前端將為為整個(gè) DevOps 步調(diào)提供服務(wù)。從評(píng)審=開(kāi)發(fā)=CR=測(cè)試=灰度=回滾=發(fā)布=運(yùn)維+運(yùn)營(yíng)，單點(diǎn)發(fā)展演變?yōu)榫€性發(fā)展，形成一套完整的方案。

三、前端云化

GUI 的發(fā)展，最終是要發(fā)展成云端的形態(tài)，這將不僅是前端要的形態(tài)，也是服務(wù)端的一個(gè)形態(tài)。我們能體會(huì)到的貫穿 DevOps 流程的云態(tài)，這個(gè)只是一個(gè)方向，并不是所有都會(huì)去到這個(gè)方向。

四、可視化領(lǐng)域

隨著端+云化的狀態(tài)，可視化的領(lǐng)域?qū)⑦M(jìn)一步的發(fā)展，渲染等瓶頸會(huì)逐漸增高，以及加上 5G 的發(fā)展，必將在 DT 時(shí)代為前端帶來(lái)更多的可視化方向和領(lǐng)域。

五、Flutter

嚴(yán)格來(lái)講，F(xiàn)lutter并不是前端技術(shù)，而是“客戶(hù)端”技術(shù)。而目前Web前端的地位遠(yuǎn)遠(yuǎn)不如客戶(hù)端。對(duì)于大多數(shù)的公司來(lái)說(shuō)。移動(dòng)App所帶來(lái)的現(xiàn)金流，僅僅靠下載和推廣就可以養(yǎng)活一個(gè)灰色的產(chǎn)業(yè)鏈。而移動(dòng)Web的收益可能不值一提。那么前端與客戶(hù)端的合二為一的發(fā)展趨勢(shì)是否也將是一個(gè)重要的方向！

總之，Web前端開(kāi)發(fā)的就業(yè)前景形勢(shì)一片大好，所以學(xué)起來(lái)也要趁早，現(xiàn)在很多專(zhuān)業(yè)培訓(xùn)學(xué)校都很不錯(cuò)，比如北大青鳥(niǎo)、南京中博軟件學(xué)院和課工場(chǎng)等等，你可以試聽(tīng)課程綜合考慮。

Flutter真香，我用它寫(xiě)了個(gè)桌面版JSON解析工具

Flutter支持穩(wěn)定的桌面設(shè)備開(kāi)發(fā)已經(jīng)一段時(shí)間了，不得不說(shuō)，F(xiàn)lutter多平臺(tái)支持的特性真的很香。我本人并沒(méi)有任何桌面開(kāi)發(fā)的經(jīng)驗(yàn)，但仍然使用Flutter開(kāi)發(fā)出了一個(gè)桌面版小程序，功能很簡(jiǎn)單，就是對(duì)輸入的json做格式化處理和轉(zhuǎn)模型。

話(huà)不多說(shuō)，先來(lái)看看實(shí)際效果。 項(xiàng)目源碼地址

開(kāi)發(fā)環(huán)境如下：

Flutter : 2.8.1

Dart : 2.15.1

IDE : VSCode

JSON作為我們?nèi)粘ｉ_(kāi)發(fā)工作中經(jīng)常要打交道的一種數(shù)據(jù)格式，它共有6種數(shù)據(jù)類(lèi)型： null , num , string , object , array , bool 。我們勢(shì)必對(duì)它又愛(ài)又恨。愛(ài)他因?yàn)樗鳛閿?shù)據(jù)處理的一種格式確實(shí)非常方便簡(jiǎn)潔。但是在我們做Flutter開(kāi)發(fā)中，又需要接觸到j(luò)son解析時(shí)，就會(huì)感覺(jué)非常棘手，因?yàn)閒lutter沒(méi)有反射，導(dǎo)致json轉(zhuǎn)模型這塊需要手寫(xiě)那繁雜的映射關(guān)系。就像下面這樣子。

數(shù)據(jù)量少還能接受，一旦量大，那么光手寫(xiě)這個(gè)解析方法都能讓你懷疑人生。更何況手寫(xiě)還有出錯(cuò)的可能。好在官方有個(gè)工具**json_serializable**可以自動(dòng)生成這塊轉(zhuǎn)換代碼，也解決了flutter界json轉(zhuǎn)模型的空缺。當(dāng)然，業(yè)界也有專(zhuān)門(mén)解析json的網(wǎng)站，可以自動(dòng)生成dart代碼，使用者在生成后復(fù)制進(jìn)項(xiàng)目中即可，也是非常方便的。

本項(xiàng)目以json解析為切入點(diǎn)，和大家一起來(lái)看下flutter是如何開(kāi)發(fā)桌面應(yīng)用的。

要讓我們的flutter項(xiàng)目支持桌面設(shè)備。我們首先需要修改下flutter的設(shè)置。如下，讓我們的項(xiàng)目支持 windows 和 macos 系統(tǒng)。

接下來(lái)使用 flutter create 命令創(chuàng)建我們的模版工程。

創(chuàng)建完項(xiàng)目后，我們就可以 run 起來(lái)了。

先來(lái)看下整體界面，界面四塊，分別為功能模塊、文件選擇模塊、輸入模塊、輸出模塊。

我們?cè)谛陆ㄒ粋€(gè)桌面應(yīng)用時(shí)，默認(rèn)的模版又一個(gè)Appbar，此時(shí)應(yīng)用可以用鼠標(biāo)拖拽移動(dòng)，放大縮小，還可以縮到很小。但是，我們一旦去掉這個(gè)導(dǎo)航欄，那么窗口就不能用鼠標(biāo)拖動(dòng)了，并且我們往往不希望用戶(hù)將我們的窗口縮放的很小，這會(huì)導(dǎo)致頁(yè)面異常，一些重要信息都展示不全。因此這里需要借助第三方組件 bitsdojo_window 。通過(guò) bitsdojo_window ，我們可以實(shí)現(xiàn)窗口的定制化，拖動(dòng)，最小尺寸，最大尺寸，窗口邊框，窗口頂部放大、縮小、關(guān)閉的按鈕等。

通過(guò) InkWell 組件，可以捕捉到手勢(shì)、鼠標(biāo)、觸控筆的移動(dòng)和停留位置

這個(gè)功能是鼠標(biāo)移動(dòng)后的UI交互界面。要在窗口上顯示一個(gè)提示框，可以使用 Overlay 。需要注意的是，由于在 Overlay 上的 text 的根結(jié)點(diǎn)不是 Material 風(fēng)格的組件，因此會(huì)出現(xiàn)黃色的下劃線。因此一定要用 Material 包一下 text 。并且你必須給創(chuàng)建的 OverlayEntry 一個(gè)位置，否則它將全屏顯示。

讀取說(shuō)表拖拽的文件一開(kāi)始想嘗試使用 InkWell 組件，但是這個(gè)組件無(wú)法識(shí)別拖拽中的鼠標(biāo)，并且也無(wú)法從中拿到文件信息。因此放棄。后來(lái)從文章《Flutter-2天寫(xiě)個(gè)桌面端APP》中發(fā)現(xiàn)一個(gè)可讀取拖拽文件的組件 desktop_drop ，能滿(mǎn)足要求。

使用開(kāi)源組件 file_picker ，選完圖片后的操作和拖拽選擇圖片后的操作一致。

Textfield 如果要顯示富文本，那么需要自定義 TextEditingController 。并重寫(xiě) buildTextSpan 方法。

在做導(dǎo)出功能時(shí)遇到下列報(bào)錯(cuò)，保存提示為沒(méi)有權(quán)限訪問(wèn)對(duì)應(yīng)目錄下的文件。

通過(guò)Apple的開(kāi)發(fā)文檔找到有關(guān)權(quán)限問(wèn)題的說(shuō)明。其中有個(gè)授權(quán)私鑰的key為 com.apple.security.files.downloads.read-write ，表示 對(duì)用戶(hù)的下載文件夾的讀/寫(xiě)訪問(wèn)權(quán)限 。那么，使用Xcode打開(kāi)Flutter項(xiàng)目中的mac應(yīng)用，修改工程目錄下的 DebugProfile.entitlements 文件，向 entitlements 文件中添加 com.apple.security.files.downloads.read-write ，并將值設(shè)置為YES，保存后重啟Flutter項(xiàng)目。發(fā)現(xiàn)已經(jīng)可以向下載目錄中讀寫(xiě)文件了。

當(dāng)然，這是正常操作。還有個(gè)騷操作就是關(guān)閉系統(tǒng)的沙盒機(jī)制。將 entitlements 文件的 App Sandbox 設(shè)置為NO。這樣我們就可以訪問(wèn)任意路徑了。當(dāng)然關(guān)閉應(yīng)用的沙盒也就相當(dāng)于關(guān)閉了應(yīng)用的防護(hù)機(jī)制，因此這個(gè)選項(xiàng)慎用。

原文地址：

網(wǎng)頁(yè)名稱(chēng)：flutter黑馬程序,flutter可以開(kāi)發(fā)pc程序嗎
分享網(wǎng)址：http://vcdvsql.cn/article26/dsiegjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、定制開(kāi)發(fā)、虛擬主機(jī)、Google、軟件開(kāi)發(fā)、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)