很久没更新了,我干嘛去了,问就是公司上班忙起来了(bushi),那么,小程序账号注册和微信开发者工具就不再赘述了,网上一搜一大片,我们直接进入正题
如何开启一个新的小程序?
使用微信开发者工具进行创建吧,AppID是可以在小程序后台自行获取的,微信有云开发,但是我们是出于学习的目的所以这次尝试自行开发,开发语言有JS与TS两种,本次项目采用JS开发,后续会加更TS的项目实装。
- 创建好的小程序会在你的本地目录下自行生成,如果之后想要在其他地方协同开发请务必使用git版本化管理工具
小程序目录结构
小程序里没有传统的BOM,DOM,HTML等内容,是一套新的东西,主要有:
- pages下的是页面目录,一个文件夹就代表了一个页面,而其子目录比如index下则是有
- index.js,页面入口文件
- index.json, 页面配置
- index.wxml,页面内容
- index.wxss,页面样式
这里面的文件写法可能有所不一,后续会仔细安排详细教学
static文件夹下面则是静态文件,比如icon,项目所述的静态资源等等
utils还是万变不离其宗的工具类,用于封装方法用于其他页面的使用
app.js是整个项目的全局入口文件
-
app.json则是全局配置
app.wxss那就很显然的是全局样式了
关于app.json的一些关注点
- pages
在这里直接写入对应的page目录保存后就会自动生成上面的那种目录类型 - window
窗口的样式,比如背景色,导航栏颜色,标题,文本色等等 - tabBar
底部导航list数组,每一项都是一个配置项
1.pagePath:导航路由
2.text:内容
3.iconPath:导航的图标
4.selectedIconPath:选中时的图标
好,下一章是小程序的生命周期,适时更新