來(lái)源：千鋒教育

發(fā)布時(shí)間：2022-09-26 13:40:41

分享

　　在結(jié)構(gòu)和樣式方面，小程序提供了一些常用的標(biāo)簽與控件，比如： view，小程序主要的布局元素，類似于html標(biāo)簽的div，你也完全可以像控制div那樣去控制view。

　　scroll-view，你要滾動(dòng)內(nèi)容的話，沒必要用view去做overflow，scroll-view提供了更為強(qiáng)大的功能，通過(guò)參數(shù)的調(diào)整，你可以控制滾動(dòng)方向，觸發(fā)的事件等等 配置文件app.json平級(jí)的還有一個(gè)app.js文件，是小程序的腳本代碼。

　　我們可以在這個(gè)文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量，在每個(gè)page目錄里的js做當(dāng)前頁(yè)面的業(yè)務(wù)操作。

　　但是小程序的頁(yè)面的腳本邏輯是在JsCore中運(yùn)行，JsCore是一個(gè)沒有窗口對(duì)象的環(huán)境，所以不能在腳本中使用window，也無(wú)法在腳本中操作組件，所以我們常用的zepto/jquery 等類庫(kù)也是無(wú)法使用的。

　　另一個(gè)app.wxss文件，這個(gè)是全局的樣式，所有的頁(yè)面都會(huì)調(diào)用到，每個(gè)項(xiàng)目目錄下面的wxss是局部樣式文件，不會(huì)和其他目錄產(chǎn)生污染，可以放心使用樣式名。他提供的WXSS(WeiXin Style Sheets)是一套樣式語(yǔ)言，具有 CSS 大部分特性，可以看作一套簡(jiǎn)化版的css。

　　同時(shí)為了更適合開發(fā)微信小程序，還對(duì) CSS 進(jìn)行了擴(kuò)充以及修改，直接幫我們把適配的一部分工作都做了，比如他的rpx(responsive pixel)，可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)，規(guī)定屏幕寬為750rpx。

　　如在iPhone6上，屏幕寬度為375px，共有750個(gè)物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。在調(diào)用微信生態(tài)系統(tǒng)功能時(shí)，微信小程序提供了相應(yīng)的api，比如你要修改一個(gè)頭像，可以使用wx.chooseImage等

聲明：本站稿件版權(quán)均屬千鋒教育所有，未經(jīng)許可不得擅自轉(zhuǎn)載。