小程式入門心得(不談api)

2022-09-20 05:54:11 字數 2065 閱讀 1772

也可以開發,只是有些功能會受限),註冊成功後到開發設定獲取自己的

,即使有

300web

開發者工具。

這裡只簡單的概述一下各檔案的作用,詳細請看文件

全域性配置

檔案,每個新增的頁面需要在該檔案裡面註冊

全域性邏輯層,

其指定小程式的生命週期函式

,使用者資訊的獲取等

wxss全域性樣式

關於內層頁面:*.js(頁面邏輯),*.json(頁面配置),*.wxml(頁面結構),*.wxss(頁面樣式),其中*.js和*.wxml是必須有的

頁面層(*.wxml)和

angular

的寫法差不多,只是

api不相同。

邏輯層(*.js),需要乙個page()函式來註冊頁面,接受乙個

object

引數,其指定頁面的初始資料、生命週期函式、事件處理函式等。

配置層(*.json)就簡單乙個物件檔案,可不做配置;

樣式(*.wxss)和css檔案一樣,只有有個別樣式不通用;

小程式提供了一些比較常用的元件,例如日期,圖示,輪播圖,地圖,進度條等。列舉一下移動端比較常用到的元件,具體配置請看元件文件

debug/wxadoc/dev/component/

picker:滾動選擇器,現支援五種選擇器,通過mode來區分,分別是普通選擇器,多列選擇器,時間選擇器,日期選擇器,省市區選擇器

progress:進度條元件

除錯

除錯模式的console、

sourse

、network

、storage

、wxml

的資料頁面會相應變化

快捷鍵

官方快捷鍵:

debug/wxadoc/dev/devtools/shortcut.html

補充:ctrl+[, ctrl+]:**行縮排

ctrl+shift+[, ctrl+shift+]:摺疊開啟**塊

ctrl+shift+enter:在當前行上方插入一行

ctrl+end:移動到檔案結尾

ctrl+home:移動到檔案開頭

ctrl+i:選中當前行

shift+end:選擇從游標到行尾

shift+home:選擇從行首到游標處

ctrl+shift+l:選中所有匹配

ctrl+d:選中匹配

ctrl+u:游標回退

伺服器配置不支援ip位址及埠號,需要請求本地伺服器需要自行配置**伺服器

體驗版本需要讓人訪問需要新增專案成員

小程式開發心得

一 view的居左顯示 在wxss裡可以設定樣式與布局方式,position fixed可以讓控制項居左,居上,居右和居下。通過left 50rpx 等設定居該位置以及距離。但是這種屬於絕對定位,感覺不太靈活。fixed方式是嚴格定在螢幕中某一位置,如處在可滑動或變換的父布局內,則會顯示異常,父布局...

小程式入門

乙個小程式主體部分由三個檔案組成,必須放在專案的根目錄,如下 檔案必需作用是 小程式的邏輯檔案,處理互動 是小程式公共配置,一般路由 window和tabbar導航欄在此配置 否小程式公共樣式表,應用於整個小程式 檔案型別 必需作用 是頁面邏輯 wxml 是頁面結構,即頁面的html 小程式有自己的...

小程式雲api封裝

const tip text 查詢 export const dbget param const promise new promise resolve,reject catch err else catch err return promise 新增或者更新資料 export const dbad...