一次不正經(jīng)的Remote_WSL2體驗(yàn)

?VSCode的Remote Development擴(kuò)展正式發(fā)布也有兩個(gè)月了。我正嘗試將開發(fā)環(huán)境逐漸遷移到WSL，但在配置 Flutter 時(shí)，卻發(fā)現(xiàn)WSL的一個(gè)先天硬傷：

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比坡頭網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式坡頭網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋坡頭地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴。

?—— 不能運(yùn)行32位ELF程序 。

?怎么辦呢，嘗試升級(jí)到 WSL2 吧......

?如果WSL安裝了 zsh 之類的shell并作為默認(rèn)啟動(dòng)，那么在使用Remote_WSL時(shí)，VSCode的擴(kuò)展依賴的依舊是 bash 的環(huán)境變量配置，并不會(huì)啟動(dòng)zsh。

?因此，在設(shè)置如 ANDROID_HOME 、 GOPATH 之類的環(huán)境變量時(shí)，不要將自定義變量設(shè)置保存在 $HOME/.zshrc 里。

?在WSL中使用Flutter是我升級(jí)到WSL2的動(dòng)因，WSL2確實(shí)解決了運(yùn)行32bit程序的硬傷，但由于WSL2是完全的虛擬機(jī)環(huán)境，也產(chǎn)生了新的問(wèn)題：

?—— android虛擬機(jī)就不能用了。

?當(dāng)前WSL2預(yù)覽版本的bug，不能通過(guò)shell打開 code 、 explore 之類的windows程序，等待未來(lái)版本解決。

前端開發(fā)未來(lái)的發(fā)展前景怎么樣?

web前端開發(fā)前景還是比較好的。具體您可以通過(guò)以下幾個(gè)方面去看看。

第一、web前端前景

1、 現(xiàn)在進(jìn)入到了互聯(lián)網(wǎng)時(shí)代，不管干什么基本都離不開網(wǎng)絡(luò)，尤其是電商行業(yè)，對(duì)于用戶的交互和體驗(yàn)度更加注重，而這些基本都是web前端技術(shù)實(shí)現(xiàn)的效果。

2、 現(xiàn)在對(duì)于IT互聯(lián)網(wǎng)的應(yīng)用廣泛，app、小程序、移動(dòng)端、pc端等都是需要前端技術(shù)的開發(fā)支持才能夠完成。

第二、web前端待遇

對(duì)于web前端崗位的薪資，建議您可以去招聘網(wǎng)站上看一下。如果感覺招聘網(wǎng)站上邊的不太真實(shí)的話，那么可以通過(guò)身邊的做相關(guān)工作的朋友打聽一下，這個(gè)是很真實(shí)的。

通過(guò)上邊的圖表可以看到前端的就業(yè)薪資相對(duì)式比較高的，10k-15k最多占到三分之一。

在北京、上海和深圳的平均薪資是很高的，尤其是北京已經(jīng)達(dá)到了18k的高薪。從這方面來(lái)看web前端的薪資是很高的。

工作年限與工資也是呈現(xiàn)正比現(xiàn)象（這個(gè)正比現(xiàn)象是您在工作之后依舊堅(jiān)持不斷的學(xué)習(xí)web前端最新技術(shù)而呈現(xiàn)的）。加上大型企業(yè)對(duì)于用戶界面體驗(yàn)的要求的高度重視，前端人才的需求也在增加。

所以Web前端的工作無(wú)法被替代，發(fā)展趨勢(shì)是可見的，客戶需求是存在，前景是巨大的。但還是要提醒您應(yīng)該時(shí)刻記住只有不斷的自我學(xué)習(xí)更新，才不會(huì)被行業(yè)所淘汰。

第三、web前端與其他編程相對(duì)比

web前端如果跟java、大數(shù)據(jù)相比的話，我個(gè)人不建議您比，因?yàn)榈拇_沒什么可比性。它們各自的工作方向不同，主要還是根據(jù)您自身的情況，一方面看一下自己喜歡哪個(gè)，另一方面看自己適合哪個(gè)。最終再做決定。

但有一點(diǎn)可以肯定的是無(wú)論學(xué)web前端、java還是大數(shù)據(jù)前景都不錯(cuò)，最最重要的是您自己需做以下步驟：

1、自己是否真的喜歡

2、自己是否適合

3、自己是否能即便參加工作之后保持長(zhǎng)期學(xué)習(xí)的狀態(tài)

如果都沒有問(wèn)題，選擇自己喜歡的即可。

最后、無(wú)論是學(xué)哪個(gè)，“自學(xué)”也好，報(bào)班學(xué)習(xí)也罷，跟您自己的努力是分不開的，因此養(yǎng)成堅(jiān)持長(zhǎng)期不斷學(xué)習(xí)的習(xí)慣是很有必要的。

Flutter 與 iOS 原生 webView 對(duì)比

本文對(duì)比的是 UIWebView、WKWebView、flutter_webview_plugin（在iOS中使用的是WKWebView）的加載速度，內(nèi)存使用情況。

測(cè)試網(wǎng)頁(yè)打開的速度，只需要獲取 WebView 在開始加載網(wǎng)頁(yè)和網(wǎng)頁(yè)加載完成時(shí)的時(shí)間戳，時(shí)間戳的差即為打開網(wǎng)頁(yè)的時(shí)間

為了使差異更明顯，我們選擇較為復(fù)雜的 新浪首頁(yè) 進(jìn)行加載的對(duì)比，為了減小網(wǎng)絡(luò)對(duì)加載速度的影響，我們讓手機(jī)連接同一個(gè)網(wǎng)絡(luò)，分別進(jìn)行 10 次測(cè)試然后取平均值，另外，我們需要關(guān)閉 WebView 的緩存，防止緩存對(duì)加載速度產(chǎn)生影響

下面使筆者進(jìn)行 10 次測(cè)試所得到的數(shù)據(jù)

結(jié)果讓我有點(diǎn)驚訝，一直以為 WKWebView 會(huì)是個(gè)王者。結(jié)果看，速度上 WKWebView 略慢一點(diǎn)，不過(guò)總體差異不大（該結(jié)果僅僅是測(cè)試新浪的結(jié)果，僅供參考啦）

在這里，筆者又加了一個(gè)測(cè)試，嘗試記錄從 viewController 的 viewDidLoad 到 webview 的 didFinish 時(shí)間，測(cè)試了新浪的數(shù)據(jù)，如下：

UIWebViewA ： 4970、3808、3815、4250、3556 avg(4079.8) （加載完所有頁(yè)面）

UIWebViewB ： 4103、3124、3070、3256、2835 avg(3277.6)（加載sina完畢）

WKWebView ： 3672、3032、2892、2912、2739 avg(3049.4)

flutter_webView ： 4532、3901、4310、3496、3378 avg(3923.4)

其中可以看到，webView 有兩行，UIWebViewB 的數(shù)據(jù)就是加載 sina 主站的時(shí)間；UIWebViewA 的數(shù)據(jù)是因?yàn)樵诩虞d完 sina 主站之后，新浪又加載了一個(gè) ，所以導(dǎo)致總時(shí)間延長(zhǎng)，不過(guò)即使按照 UIWebViewB 的數(shù)據(jù)來(lái)比較，也是 wkWebView 略勝一籌。

此處可以看出 flutter_webView 使用的是 wkwebView，所以它吃虧的主要原因是 flutter 包了一層。

結(jié)論：

速度（didStart - didFinish） UIWebView flutter_webview WKWebView

速度（viewDidLoad - didFinish）WKWebView UIWebView flutter_webview

這里查看內(nèi)存使用的是 xcode 的 debug session 中的 memory。

首先看之前測(cè)試時(shí)，連續(xù)打開十次新浪的內(nèi)存情況

接著我們?cè)诳匆幌麓蜷_淘寶首頁(yè)的內(nèi)存情況

從圖上可以看出，WKWebView 在內(nèi)存方面有很大的優(yōu)勢(shì)啊，UIWebView 的內(nèi)存是真的傷啊，然后 debug 看了一下 flutter_webView，他使用的就是原生的 webView 。

他相比較原生 WKWebView 的內(nèi)存開銷稍大一點(diǎn)，從測(cè)試表現(xiàn)來(lái)看，一般大個(gè) 30 MB 左右。

結(jié)論：內(nèi)存 WKWebView flutter_webview UIWebView

可以在 html5test 中對(duì)瀏覽器的兼容性進(jìn)行評(píng)分，通過(guò)測(cè)試發(fā)現(xiàn)得分分別如下

因?yàn)?flutter 里使用的就是 WK，所以和原生的 WKWebView 一樣都是 444 分，比 UIWebView 的 437 略勝一籌

結(jié)論：兼容性 WKWebView = flutter_webview UIWebView

UIWebView : 速度相比較 WKWebView 稍快一點(diǎn)，但是內(nèi)存是一大硬傷，所以只要條件允許，就不推薦使用了

WKWebView : 速度略慢一點(diǎn)，不過(guò)差別不大，總體可以接受。是比UIWebView更好的選擇，推薦使用。

flutter_webView_plugin ：在iOS中使用的就是原生的WKWebView，所以總體和 native WKWebView 表現(xiàn)差不多。如果是混編項(xiàng)目中，因?yàn)樗话艘粚樱皂?yè)面加載上存在一定的劣勢(shì)，所以混編項(xiàng)目中仍然推薦使用 WKWebView。不過(guò)如果從多端考慮、以及項(xiàng)目可遷移等，那么使用也未嘗不可，就是維護(hù)成本要增加一些，需要維護(hù)兩套 webView。這個(gè)就需要根據(jù)自己的情況自己取舍了。

前端開發(fā)怎么樣，想去學(xué)習(xí)，有推薦的嗎？

核心

前端三大框架已趨于平穩(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ǔ)言可以運(yùn)行在瀏覽器上。

PWA進(jìn)入穩(wěn)定期，尤其是 PWA 桌面版，可以讓我們更好的看清楚 PC 桌面版開發(fā)的全貌。

Flutter?發(fā)展較快，最大硬傷是Dart語(yǔ)言。RN原有的開發(fā)方式會(huì)退出歷史舞臺(tái)。

TypeScript已經(jīng)慢慢成為前端的主流開發(fā)如果你想要學(xué)好web前端最好加入一個(gè)好的學(xué)習(xí)環(huán)境，可以來(lái)這個(gè)Q群，首先是132，中間是667，最后是127，這樣大家學(xué)習(xí)的話就比較方便，還能夠共同交流和分享資料語(yǔ)言，將成為必備開發(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ì)在未來(lái)還將持續(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)先方案來(lái)做他們的響應(yīng)式設(shè)計(jì)和開發(fā)，這就象征著一個(gè)重大轉(zhuǎn)變，值得我們跟進(jìn)的。

趨勢(shì)二：更多使用快速原型開發(fā)工具

眾多web前端開發(fā)者從2018年開始嘗試使用快速原型開發(fā)工具，而在2019年將是這種技術(shù)真正爆發(fā)的一年。“UXpin、Webflow、Invision以及其它許多快速原型開發(fā)工具，讓設(shè)計(jì)師不用寫一行代碼，就能為網(wǎng)站和服務(wù)快速創(chuàng)建低保真和高保真原型，便于設(shè)計(jì)師衡量它們的可用性和美觀性。”web設(shè)計(jì)師Jamie 如是說(shuō)，“許多工具也允許你在瀏覽器中設(shè)計(jì)原型并從工具里真正啟動(dòng)網(wǎng)站自身。”

趨勢(shì)三：營(yíng)銷類頁(yè)面小程序化

這個(gè)指的就是大家平時(shí)在微信里看到的各類營(yíng)銷網(wǎng)頁(yè)，因?yàn)橹饕肟谠谖⑿牛虼俗兂晌⑿判〕绦颉＿@個(gè)大家比較好理解吧，就不多說(shuō)了。小程序現(xiàn)在可能BUG多，功能跟不上，但是要替代這類網(wǎng)頁(yè)可能也就是2年不到的時(shí)間。

趨勢(shì)四：HTML內(nèi)的技術(shù)改進(jìn)

這個(gè)能影響到的范圍看起來(lái)很大，但其實(shí)場(chǎng)景比較有限，主要是排除掉上面說(shuō)的1和3之外的空間。空間就在于這兩大技術(shù)目前都沒有成熟的最佳實(shí)踐，還需要探索。

在互聯(lián)網(wǎng)時(shí)代，更多的人、場(chǎng)景、知識(shí)將需要被更加緊密地聯(lián)系在一起，而有連接的地方就會(huì)有界面，有界面的地方就會(huì)有前端。每一門學(xué)科與技術(shù)都是在不斷摸索和總結(jié)中前行，前端技術(shù)也不例外。未來(lái)我們有理由相信在前端技術(shù)日趨成熟的前提下，新的突破和變革將會(huì)給我們的工作與生活帶來(lái)更多驚喜。

趨勢(shì)五：虛擬現(xiàn)實(shí)

如果要討論web前端技術(shù)趨勢(shì)怎能不提到虛擬現(xiàn)實(shí)技術(shù)VR呢，2019年將繼續(xù)是VR成為主流的一年，這也就意味著web開發(fā)者將通過(guò)VR來(lái)吸引用戶，我們已經(jīng)看到一些公司比如Mozilla和Google投資開發(fā)VR與Web之間的API。越來(lái)越多的VR應(yīng)用程序?qū)⑾嗬^問(wèn)世，所以如果看到越來(lái)越多的虛擬現(xiàn)實(shí)元素出現(xiàn)在 Web上，也別覺得奇怪。

分享文章：flutter硬傷,flutter 有用嗎
網(wǎng)站路徑：http://chinadenli.net/article9/dsgeeih.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、網(wǎng)站導(dǎo)航、微信公眾號(hào)、網(wǎng)站設(shè)計(jì)公司、云服務(wù)器、企業(yè)網(wǎng)站制作

廣告

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