1.1
(1)微信小程序能做什么
1.用微信小程序API发起http请求,上传下载文件
2.通过websocket与服务器链接
3.从本地选择上传图片,也可使用相机等预览图片
4.录音,停止录音,播放,停止播放
5控制音乐播放器状态,播放,停止,进度。
1.2
微信开发账号注册网址 https:mp.weixin.qq.com
微信开发工具 https:mp.weixin.qq.com/wiki
2
打印log代码 console log("*******");
数字位 点中为断点,代码运行至此停止。
目录结构
images目录:位于*目录,主要存放图片
pages目录:位于*目录,存放小程序应用主要信息
welcome目录:存放欢迎页的信息
welcome.js文件:欢迎页的脚本文件
welcome.json文件:欢迎页的配置文件
welcome.wxml文件:欢迎页的页面结构文件(类似与html代码)
welcome.wxss文件:欢迎页的css样式文件
app.js:顶层文件,app的全局脚本文件
app.json:*文件,app的全局配置文件
app.wxss:顶层文件,app的全局样式文件
.json并非必须存在
log.js与log.wxml会覆盖app.js与app.wxss
每个.js文件内都会调用一个方法 app.js调用app(),log.js调用一个page方法
自己创建项目
*▼sre *为必要文件
*▼pages
*▼index
*index.js
*index.wxml 页面布局
*app.json 定义页面 入口
app.js 配置信息,配置
视图渲染
1.在pages中建立一个firstpage,在 firstpage中建立.js 与.wxml
2.在 app.json中添加进“page/firstpage/first”,
3. first.js中调用page方法
4. first.wxml中随便写一些字,可显示,正常加载
5.在小程序开发文档中,切换组件
6.将组件代码复制到first.wxml页面