微信小程序

微信小程序入门

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