千鋒教育-做有情懷、有良心、有品質的職業教育機構
在結構和樣式方面,小程序提供了一些常用的標簽與控件,比如: view,小程序主要的布局元素,類似于html標簽的div,你也完全可以像控制div那樣去控制view。
scroll-view,你要滾動內容的話,沒必要用view去做overflow,scroll-view提供了更為強大的功能,通過參數的調整,你可以控制滾動方向,觸發的事件等等 配置文件app.json平級的還有一個app.js文件,是小程序的腳本代碼。
我們可以在這個文件中監聽并處理小程序的生命周期函數、聲明全局變量,在每個page目錄里的js做當前頁面的業務操作。
但是小程序的頁面的腳本邏輯是在JsCore中運行,JsCore是一個沒有窗口對象的環境,所以不能在腳本中使用window,也無法在腳本中操作組件,所以我們常用的zepto/jquery 等類庫也是無法使用的。
另一個app.wxss文件,這個是全局的樣式,所有的頁面都會調用到,每個項目目錄下面的wxss是局部樣式文件,不會和其他目錄產生污染,可以放心使用樣式名。他提供的WXSS(WeiXin Style Sheets)是一套樣式語言,具有 CSS 大部分特性,可以看作一套簡化版的css。
同時為了更適合開發微信小程序,還對 CSS 進行了擴充以及修改,直接幫我們把適配的一部分工作都做了,比如他的rpx(responsive pixel),可以根據屏幕寬度進行自適應,規定屏幕寬為750rpx。
如在iPhone6上,屏幕寬度為375px,共有750個物理像素,則750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。在調用微信生態系統功能時,微信小程序提供了相應的api,比如你要修改一個頭像,可以使用wx.chooseImage等
下一篇
場景題:繪制曲線相關推薦