最近开发了几个小程序,基本上是一两天掌握开发技能,分享下经验。
前端基础
开发小程序需要掌握基础知识(这里只介绍重要知识点方便快速上手项目,当然以后前端知识js语法和css样式还是要系统学习的)
js语法:定义变量、方法、对象、数组基本操作,以及模块化导出(开始不一定要懂原理、会导出对象和方法给外部使用即可)。
js学习资料
css样式:盒子模型、padding、margin、position以及最重要的flex布局,掌握flex布局你基本就掌握了前端布局精髓。float左右浮动可暂时不掌握,因为使用flex更加强大。
css资料
flex布局
2.小程序知识
官方地址
App:程序入口,掌握几个app加载周期方法。
Page:页面,每个page是一个独立页面, wx.navigateTo、 wx.switchTab 等等api进行页面跳转与切换。需要掌握几个页面加载周期方法。
Component:组件,可以理解为构成页面的封装视图,一个页面可以由多个组件构成。
模块化:js模块化,封装的js方法、对象、常量可放在独立模块,可以导出以供调用的地方使用。
页面的构成:
1、WXML(组件结构)
wxml是和html相似的一套标签语言,它是页面的结构,由基础组件和事件系统组成。
2、JS(处理逻辑)
小程序开发框架的逻辑层由JavaScript编写。逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。在JS里,微信小程序提供了丰富的API。
3、WXSS(样式外观)
WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。
4、JSON(配置文件)
app.json里的设置会较多一点,普通页面使用频率不高。app.json 是对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。
实践:
使用组件构成页面常用组件:视图、输入框、列表、图片显示等等
组件库地址
使用api实现基本功能:加载、跳转、toust、相册、图片处理等等
api地址











网友评论