您好,登錄后才能下訂單哦!
這篇“uniapp與HTML的區(qū)別有哪些”文章,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要參考一下,對(duì)于“uniapp與HTML的區(qū)別有哪些”,小編整理了以下知識(shí)點(diǎn),請(qǐng)大家跟著小編的步伐一步一步的慢慢理解,接下來(lái)就讓我們進(jìn)入主題吧。
1、簡(jiǎn)易性:超級(jí)文本標(biāo)記語(yǔ)言版本升級(jí)采用超集方式,從而更加靈活方便,適合初學(xué)前端開(kāi)發(fā)者使用。 2、可擴(kuò)展性:超級(jí)文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能,增加標(biāo)識(shí)符等要求,超級(jí)文本標(biāo)記語(yǔ)言采取子類(lèi)元素的方式,為系統(tǒng)擴(kuò)展帶來(lái)保證。 3、平臺(tái)無(wú)關(guān)性:超級(jí)文本標(biāo)記語(yǔ)言能夠在廣泛的平臺(tái)上使用,這也是萬(wàn)維網(wǎng)盛行的一個(gè)原因。 4、通用性:HTML是網(wǎng)絡(luò)的通用語(yǔ)言,它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面,這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到,無(wú)論使用的是什么類(lèi)型的電腦或?yàn)g覽器。
區(qū)別:1、uniapp是一個(gè)框架,而HTML是一種標(biāo)記語(yǔ)言。2、組件/標(biāo)簽有差異;例p改成view,span、font改成text,a改成navigator,img改成image。3、uniapp不支持dom操作,HTML支持。
uni-app與HTML的區(qū)別
組件/標(biāo)簽的變化
以前是html標(biāo)簽,現(xiàn)在是小程序標(biāo)簽
p 改成 view
span、font 改成 text
a 改成 navigator
img 改成 image
input 還在,但type屬性改成了confirmtype
form、button、checkbox、radio、label、textarea、canvas、video 這些還在。
select 改成 picker
iframe 改成 web-view
ul、li沒(méi)有了,都用view替代
audio 不再推薦使用,改成api方式,背景音頻api文檔
其實(shí)老的HTML標(biāo)簽也可以在uni-app里使用,uni-app編譯器會(huì)在編譯時(shí)把老標(biāo)簽轉(zhuǎn)為新標(biāo)簽。但不推薦這種用法,調(diào)試H5端時(shí)容易混亂,基于元素的選擇器也會(huì)出問(wèn)題。
除了改動(dòng)外,新增了一批手機(jī)端常用的新組件
scroll-view 可區(qū)域滾動(dòng)視圖容器
swiper 可滑動(dòng)區(qū)域視圖容器
icon 圖標(biāo)
rich-text 富文本(不可執(zhí)行js,但可渲染各種文字格式和圖片)
progress 進(jìn)度條
slider 滑塊指示器
switch 開(kāi)關(guān)選擇器
camera 相機(jī)
live-player 直播
map 地圖
cover-view 可覆蓋原生組件的視圖容器
cover-view需要多強(qiáng)調(diào)幾句,uni-app的非h6端的video、map、canvas、textarea是原生組件,層級(jí)高于其他組件。如需覆蓋原生組件,比如在map上加個(gè)遮罩,則需要使用cover-view組件
除了內(nèi)置組件,還有很多開(kāi)源的擴(kuò)展組件,把常用操作都進(jìn)行封裝,DCloud建立了插件市場(chǎng)收錄這些擴(kuò)展組件,詳見(jiàn)插件市場(chǎng)
js的變化
運(yùn)行環(huán)境從瀏覽器變成v8引擎
標(biāo)準(zhǔn)js語(yǔ)法和api都支持,比如if、for、settimeout、indexOf等
但瀏覽器專(zhuān)用的window、document、navigator、location對(duì)象,只有在瀏覽器中才有,app和小程序都不支持,這意味著依賴(lài)document的很多HTML的庫(kù),比如jqurey無(wú)法使用。但是app和小程序支持web-view組件,里面可以加載標(biāo)準(zhǔn)HTML,這種頁(yè)面仍然支持瀏覽器專(zhuān)用對(duì)象window、document、navigator、location
以前的dom操作,改成vue的MVVM模式
alert,confirm 改成 uni.showmodel
ajax 改成 uni.request
cookie、session 沒(méi)有了,local.storage 改成 uni.storage
uni-app的js api還有很多,但基本就是小程序的api,把wx.xxx改為uni.xxx即可
css的變化
選擇器有2個(gè)變化:*選擇器不支持;元素選擇器里沒(méi)有body,改為了page
單位方面,px無(wú)法動(dòng)態(tài)適應(yīng)不同寬度的屏幕,rem只能用于h6、rpx只能用于微信小程序。為此uni-app新增了 upx ,通吃所有端、所有屏幕寬度的動(dòng)態(tài)單位 upx
uni-app推薦使用flex布局,并默認(rèn)就是flex布局
以上是“uniapp與HTML的區(qū)別有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。