flutter嵌套h5頁(yè)面 前端開(kāi)發(fā)學(xué)flutter用處大嗎?
前端開(kāi)發(fā)學(xué)flutter用處大嗎?移動(dòng)web的性能將越來(lái)越強(qiáng),JS相對(duì)于dart的缺點(diǎn)在大多數(shù)情況下可以忽略,更不用說(shuō)將來(lái)的wasm了。如果您在Web上的資源緩存方面做得很好,您可以接近中高端模型的本
前端開(kāi)發(fā)學(xué)flutter用處大嗎?
移動(dòng)web的性能將越來(lái)越強(qiáng),JS相對(duì)于dart的缺點(diǎn)在大多數(shù)情況下可以忽略,更不用說(shuō)將來(lái)的wasm了。如果您在Web上的資源緩存方面做得很好,您可以接近中高端模型的本地體驗(yàn)。H5系統(tǒng)是多家廠商共同維護(hù)的跨平臺(tái)標(biāo)準(zhǔn)解決方案。毫無(wú)疑問(wèn),任何小程序,RN和weex畢竟只是暫時(shí)的。
什么是h5頁(yè)面?
首先,H5不是一種技術(shù),而是一種標(biāo)準(zhǔn),一種技術(shù)的集合。
其次,我們需要知道什么是HTML語(yǔ)言,
它是一種描述性語(yǔ)言,全稱為“超文本標(biāo)記語(yǔ)言”。我們使用的網(wǎng)頁(yè)是用HTML語(yǔ)言制作的。H5是HTML的第五個(gè)版本,在這個(gè)版本中添加了許多特性,例如:
1。拖放、自定義屬性、語(yǔ)義內(nèi)容標(biāo)簽、音頻、視頻、畫(huà)布、畫(huà)布、地理API、本地脫機(jī)存儲(chǔ)。
但是,H5還有一個(gè)寬泛的術(shù)語(yǔ),包括新的C3功能,例如:1。顏色:新RGBA,HSLA模式
2。文字陰影
3。邊框半徑:長(zhǎng)方體陰影
4。盒子大小
5。背景大小,背景原點(diǎn),背景剪輯
6。梯度:線性梯度,徑向梯度
7。過(guò)渡:動(dòng)畫(huà)過(guò)渡
8。自定義動(dòng)畫(huà)@keyfrom
9。媒體查詢多欄布局@媒體屏幕和(寬度:800px) {… }
10. 邊框圖像
11。2D變換:平移(x,y)旋轉(zhuǎn)(x,y)傾斜(x,y)縮放(x,y)
12。三維變換
13。字體圖標(biāo)字體臉
14。靈活的flex布局
現(xiàn)在國(guó)內(nèi)使用Flutter來(lái)開(kāi)發(fā)的多嗎?
!國(guó)內(nèi)的開(kāi)發(fā)團(tuán)隊(duì)像仙游一樣在flutter領(lǐng)域做了大量的研究,阿里等公司也越來(lái)越重視這個(gè)框架。
Flitter在中國(guó)的普及率仍然相對(duì)較低,而像recent native這樣的工具似乎被更多的人使用。主要原因是國(guó)內(nèi)大部分開(kāi)發(fā)人員都從事過(guò)網(wǎng)站開(kāi)發(fā),所以對(duì)HTML和JS比較熟悉。
因?yàn)閒latter使用的是dart語(yǔ)言,學(xué)習(xí)的成本很高,而且dart的UI設(shè)計(jì)是純代碼的,嵌套很多,這讓初學(xué)者很頭疼。然而,只要你習(xí)慣了任何一種語(yǔ)言,就不難使用它。開(kāi)始每件事往往是困難的。
既然谷歌已經(jīng)選擇了dart,那里面一定有什么東西。簡(jiǎn)單地比較或者討論,比如動(dòng)態(tài)或者靜態(tài),是否支持反射是沒(méi)有意義的。白菜蘿卜各有所愛(ài)。支持任何語(yǔ)言都是合理的。關(guān)鍵取決于他的精通程度。
谷歌可能擔(dān)心Java的版權(quán)問(wèn)題,因此強(qiáng)烈建議使用Android本機(jī)語(yǔ)言kotlin。但效果很差。我覺(jué)得沒(méi)有人會(huì)選擇kotlin,除非Java被禁止。這和人們習(xí)慣使用JS而不喜歡dart的原因是一樣的。但有趣的是,dart可以生成JS代碼。這應(yīng)該是更多人選擇使用它的原因之一。
由于谷歌強(qiáng)烈推薦flatter,這實(shí)際上與它的新系統(tǒng)功能有關(guān),許多人懷疑Android可能會(huì)被谷歌拋棄。坦率地說(shuō),我希望如此。Android的性能是一個(gè)弱點(diǎn)。雖然比以前光滑了,但也不是天生的好。谷歌正在基于其新的鋯石內(nèi)核構(gòu)建一個(gè)新的系統(tǒng),這個(gè)系統(tǒng)類似于鴻蒙的想法,可以支持多種平臺(tái)。
Flitter不僅受到谷歌的重視,也受到國(guó)內(nèi)巨頭的重視。據(jù)估計(jì),像華為這樣的公司對(duì)此特別關(guān)注,因?yàn)樗麄兪堑谝粋€(gè)參加funchsia測(cè)試的中國(guó)公司。由于Google是基于性能需求開(kāi)發(fā)的flatter,在Android上,flatter組件與native是同一個(gè)渲染引擎,因此性能非常接近native,這也是其他框架的優(yōu)勢(shì)。
很多年前,我們都希望H5能統(tǒng)一世界,但我覺(jué)得未來(lái)可能需要dart來(lái)統(tǒng)一。這種后發(fā)優(yōu)勢(shì)可能是谷歌創(chuàng)新的原因。在不影響性能的前提下,快速發(fā)展將是未來(lái)的發(fā)展趨勢(shì)。
微信小程序能“吞掉”H5嗎?
我個(gè)人的觀點(diǎn)是這是不可能的。如果可以,我會(huì)要求微信永不失敗。然而,互聯(lián)網(wǎng)的正常狀態(tài)正在改變,沒(méi)有什么能永遠(yuǎn)持續(xù)下去。
說(shuō)白了,小程序抓住的是應(yīng)用服務(wù)市場(chǎng)。這個(gè)小程序不是傳統(tǒng)意義上的應(yīng)用程序。利用微信的開(kāi)放界面和框架進(jìn)行開(kāi)發(fā)。它嚴(yán)重依賴微信,只能在微信中使用。與我們平時(shí)使用的應(yīng)用不同,它下載后與應(yīng)用市場(chǎng)無(wú)關(guān)。所以它占據(jù)了應(yīng)用服務(wù)市場(chǎng),淘寶賣東西:一個(gè)平臺(tái)讓你玩,賣什么有最終決定權(quán),反正是在這里賣的。微信的大流量平臺(tái)有明顯的好處,微信用戶非常強(qiáng)大,社交應(yīng)用用戶非常黏稠,官方賬戶是基礎(chǔ),這節(jié)省了很多業(yè)務(wù)成本。而且,與H5相比,小程序具有開(kāi)發(fā)成本低、功能多、體驗(yàn)好等優(yōu)點(diǎn)。
綜上所述,我認(rèn)為現(xiàn)階段相比H5有明顯的優(yōu)勢(shì),但是小程序不可能完全吞下H5。
h5頁(yè)面嵌入是什么意思?
H5頁(yè)面嵌入是指通過(guò)使用<iframe>元素將整個(gè)網(wǎng)頁(yè)嵌入到另一個(gè)網(wǎng)頁(yè)中的方法(以及其他嵌入內(nèi)容的方法,如<canvas)>,<video>等)。用戶通常會(huì)覺(jué)得該網(wǎng)頁(yè)和其他元素一樣是另一個(gè)網(wǎng)頁(yè),在感官上沒(méi)有區(qū)別。&Ltiframe>嵌入現(xiàn)在常用。