在小程序中常用的文件后缀名有js,json,wxml,wxss
> 其中wxml用来写入元素相当于html中的body部分,wxss用来写样式,相当于html中 的style,json 是当前小程序的配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等;以app开头的文件是用来配置全局,pages下的单独页面的配置会覆盖全局配置
>
1.新建 app.js,app.json,app.wxss
* app.js内输入app,使用提示,回车
* app.json内输入{"pages":["pages/index/index"]}
2.新建目录pages,用于存放页面
3.在pages下新建文件夹index(任意名即可)
4.在index下新建index.js,index.json,index.wxml,index.wxss(注意:文件名都与文件夹名一致)
* index.js内输入Page({})
* index.json内输入{}
5.在wxml内输入
~~~
<viem>hello world</viem>
~~~
6.运行整个小程序。
- 小程序环境配置
- 1.生命周期
- 页面生命周期
- 组件生命周期
- 2.小程序组件
- 点击事件bindtap|catchtap
- swiper轮播
- wx:for循环
- 播放音乐
- map
- tabBar底部页面切换
- scroll-view可滚动视图区域。
- web-view装载显示网页
- priviewImage新页面预览照片
- chooseImage本地选择照片
- onReachBottom上拉刷新,加载等待条
- setStorage缓存
- showToast弹出提示框
- slot父组件wxml传递到子组件
- form表单
- 小程序.wxs,方法在.wxml调用
- 3.组件前身:模板、模板传参
- 4.自定义组件、组件传参|传wxss|wxml代码
- 5.小程序正则
- 6.小程序页面跳转
- 7.open-type 微信开放功能
- 实例
- 1.第一个实例 hello world
- 2.第二个实例豆瓣电影数据渲染
- 豆瓣1.0基本版
- 豆瓣2.0升级版
- 豆瓣3.0豪华版
- 3.第三个实例多接口在同一页面使用
- HTTP封装
- 基础报错提示,类式封装
- Promise回调,类式封装