微信小程序入门
- 入门简易教程
- 小程序开发流程
- 注册小程序->代码开发->提审->上线/审核未通过
- 开发者工具
- 左侧
- 模拟器
- 模拟手机
- 编辑器
- 代码编辑
- 调试器
- 控制台
- 右侧
- 普通编译
- 默认为'pages/index/index'
- 自定义编译模式
- app.json中设置默认编辑的首页-优先显示(渲染需要调试的网页)-及传入的参数等
- 普通编译
- 代码结构
- images
- pages
- js
- wxml
- json
- wxss
- utils
- 公用方法
- app.js
- 初始化,全局方法变量
- app.json
- pages
- 路由
- window
- 全局页面样式设置
- pages
- app.wxss
- 公用样式
- project.config.json
- 本地生成配置文件--编译模式
- 代码编写
- Tabbar配置
- 框架-配置-tabBar
- 当设置position为top时,将不会显示icon
- tabBar中的list是一个数组,只能配置最少2个,最多5个,tab按照数组的顺序排序
- app.json中配置tabBar
- pagePath--跳转至
- text--文字
- iconPath--图标路径
- selectedIconPath--选中tabBar图标路径
- selectedColor--选中tabBar文本颜色
- 框架-配置-tabBar
- 首页实现
- 轮播
- 组件--视图容器--swiper
- swiper-轮播
- 复制实例代码修改--api
- 单位使用rpx单位
- 组件--视图容器--swiper
-
wx:for='{{list}}'
--for循环js中的变量 -
bindtap='fn'
--点击事件 data-index='{{index}}'
- 变量在js中的data中定义/在函数中使用this.setData({a:'b'})
- e.currentTarget
- button
- 组件-表单组件-button
- 拨打电话
- API--拨打电话--wx.makePhoneCall
- onLoad生命周期加载数据
- 轮播
- Tabbar配置
- 常见问题
- API请求
- wx.request
- 技术库兼容
- 工具基础库版本--类如剪切板--低版本不兼容
- 如果不存在弹窗提示用户升级微信版本
- wx.canIUse
- 工具基础库版本--类如剪切板--低版本不兼容
- 不同页面间的传值方式
- wx.navigateTo({}),实现页面跳转,url后添加查询字符串--通过options获取参数
- app.js中globalDate中添加host--app.globalDate.host--全局变量
- wx.setStorageSync--wx.getStoageSync--10M本地缓存
- API请求