admin 管理员组

文章数量: 887629

微信

  1. 什么是小程序?
    1. 2017年度百度百科十大热词之一
    2. 微信小程序(wei xin xiao cheng xu),简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用 ( 张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小, 下载速度很快,用户感觉不到下载的过程 )
    3. 小程序刚发布的时候要求压缩包的体积不能大于1M,,否则无法通过,在2017年4月做了改进,由原来的1M提升到2M;
    4. 2017年1月9日0点,万众瞩目的微信第一批小程序正式低调上线。
  2. 小程序可以干什么?
    1. 同App进行互补,提供同app类似的功能,比app操作更加简洁的轻应用
    2. 通过扫一扫或者在微信搜索即可下载
    3. 用户使用频率不高,但又不得不用的功能软件,目前看来小程序是首选
    4. 连接线上线下
    5. 开发门槛低, 成本低
  3. 小程序开发资料
    1. 官网:/
    2. 微信开发者工具:.html
  4. 注册小程序账号
    1. 有账号的页面:
    2. 无账号的页面:
  5. 开发小程序项目
    1. 小程序没有DOM对象,一切基于组件化
    2. 小程序的四个重要的文件
      1. *.js:页面逻辑
      2. *.wxml:页面结构
      3. *.wxss:页面配置
      4. *. json: 页面样式表
    3. 储备知识
      1. 事件机制
      2. 组件化
      3. 数据绑定
      4. Flex布局
      5. 移动端适配方案
    4. 注册小程序:App()
    5. 注册页面:Page()
    6. 数据绑定:
      1. 在data中初始化页面需要的数据,在页面可以直接使用
    7. 事件(冒泡事件 || 非冒泡事件)
      1. 冒泡事件:bind + 事件名
      2. 非冒泡事件:catch + 事件名
    8. 模板Template
      1. 定义:Template属性:name(模板标识)
      2. 使用:Template属性:is(模板的name)
      3. 引入模板结构:
      4. 引入模板样式:@import ‘路径’
      5. 传参:data=’{{…item}}’
    9. 列表渲染
      1. wx:for
      2. wx:key 为每一个个体元素进行标记
      3. 遍历的个体:item
      4. 遍历的下标:index
    10. 持续更新。。。

本文标签: 微信