开发微信小程序前,需要注册开发者账号并获取AppID,下载微信开发者工具,并创建小程序项目 。小程序的项目结构主要包括app.js
、app.json
、app.wxss
以及pages
文件夹,其中app.json
是全局配置文件,用于配置小程序的所有页面路径、界面表现等。
小程序的视图层由WXML和WXSS编写,WXML用于描述页面结构,WXSS用于描述样式,它们类似于HTML和CSS。小程序还提供了丰富的组件用于构建页面,如view
、text
、image
等。自定义组件可以通过在page.json
中注册来使用,例如使用lin-ui
组件库时,需要先通过npm
安装,然后点击工具栏的“构建npm”来使用组件,小程序的API丰富,包括数据缓存、交互、媒体和界面等方面。例如,wx.showToast
用于显示提示信息,wx.showModal
用于显示模态弹窗。小程序的路由方式多样,包括打开新页面、页面重定向、页面返回、Tab切换和重启动等。
小程序的样式WXSS具有CSS的大部分特性,并且进行了一些扩充和修改,例如响应式长度单位rpx
和样式导入功能。使用rpx
可以进行屏幕宽度自适应,推荐设计师使用iPhone6作为视觉稿的标准,以方便开发。
应用生命周期:包括onLaunch
、onShow
、onHide
、onError
等。
页面生命周期:包括onLoad
、onShow
、onReady
、onHide
、onUnload
、onPullDownRefresh
等。
避免在wx:for
中使用复杂的数据处理。
使用wx.createSelectorQuery
进行选择器查询和信息获取,优化渲染性能。