微信小程序

微信小程序简介

微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用
全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。
2017年1月9日，张小龙在2017微信公开课Pro上发布的微信小程序正式上线。

为什么要有小程序和跟普通H5区别？

性能提升

• 小程序性能高于H5
• 使用开发的一套组件：view，text，swiper
• 有自己一套api wx.xxx

商业原因

区别

• 小程序删除dom 和 bom 的api，只有EcmaScript api, 而浏览器有dom api

• 运行机制不同：

  • 普通H5单线程执行

  • 小程序是多线程执行 :

    • 渲染线程
    • 逻辑线程（js）

• 运行环境不同

  • 小程序宿主环境 ：微信
  • 普通H5使用的浏览器

微信小程序项目创建和目录结构

• 使用流程

  • 注册小程序账号
  • 安装微信开发者工具
  • 创建项目

• 小程序目录结构

  • app.js 项目入口文件 相当于vue中的main.js
  • project.config.json 编辑器的配置文件
  • sitemap.json 是否允许微信搜索小程序内部的某些页面
  • utils 目录
    • 用于存储项目中常用的工具方式
  • pages目录 项目开发目录
    存放项目页面文件，小程序页面文件包括4中文件类型
    xxxx.wxml 相当于H5的html
    xxxx.wxss 相当于H5中的css
    xxxx.js 页面逻辑的js
    xxxx.json 页面的配置文件

微信小程序核心语法

插值语法

{
  { 插值 }}

遍历

• wx:for wx:key

 <view class="list2">
    <view 
        class="item" 
        wx:for="{
   { users }}" 
        wx:for-item='itm'
        wx:for-index='idx'
        wx:key='id'