微信小程序简介和相关资源

有哪些比较好的微信小程序开源项目？：https://www.zhihu.com/question/64135581/answer/2428416236

微信小程序特点

• 即用

• 原生体验

• 用户基数大

• 面向所有用户

• 跨平台

  • 只要下载有微信，就能使用

官网

• https://developers.weixin.qq.com/miniprogram/dev/framework/

开发环境

• https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

• 本地环境

• 开发者工具

• 申请小程序

• 不同主体的区别

多端开发框架

• uni-app

• mpvue

• taro

• wepy

• chameleon

基础语法/标签

目录结构

• pages目录

  • 存放所有的页面

  • index目录

    • index.js

      • 当前页面业务逻辑

    • index.json

      • 当前页面配置

    • index.wxml

      • 当前页面模板

    • index.wxss

      • 当前页面样式

  • 每新建一个页面都要新建同名目录，和新建page-会自动生成页面同名目录文件和配置

• util目录

  • 工具类js

• app.js

  • 文件入口

  • App({})实例

    • 里面有生命周期函数

• app.json

  • 项目配置

  • 每一个页面都要在这里配置路径

• app.wxss

  • 全局样式表

• project.config.json

• sitemap.json

样式

• 样式和HTML样式开发没区别

• xxx.wxss是样式文件

生命周期

• 项目生命周期

  • app.js
    • App({})实例里都是项目的生命周期函数

• 页面生命周期

  • pages/index/index.js

    • Page({})实例里都是页面的生命周期函数

  • 数据绑定

    • data:{}里面写变量

      • data:{ name:'张三' }

    • index.wxml里的标签绑定

      • <text></text>

    • 在页面加载生命周期函数写上js的方法

  • 条件判断

    • data:{}里面写变量

      • data:{ name:'张三', is_true:true }

    • index.wxml里的标签绑定

      • <text wx:if=""></text>

    • 在页面加载生命周期函数写上js的方法

  • 列表渲染

    • data:{}里面写变量

      • data:{ name:'张三', is_true:true, ages['1','2','3','4'] }

    • index.wxml里的标签绑定

      • <view wx:for=""></view>

        • item

          • 当前变量的默认值

          • 设置默认值输出

            • wx:for-item="age"

        • index

          • 当前下标的默认值

          • 设置默认值输出

            • wx:for-index="ids"

    • 在页面加载生命周期函数写上js的方法

组件

• 视图容器

  • cover-view

  • match-media

  • movable-area

  • movable-view

  • page-container

  • scroll-view

  • share-element

  • swiper

  • swiper-item

  • view

• 基础内容

  • icon

  • progress

  • rich-text

  • text

• 表单组件

  • button

  • checkbox

  • checkbox-group

  • editor

  • form

  • input

  • keyboard-accessory

  • label

  • picker

  • picker-view

  • picker-view-column

  • radio

  • radio-group

  • slider

  • switch

  • textarea

• 导航

  • functional-page-navigator

  • navigator

• 媒体组件

  • audio

  • camera

  • image

  • live-player

  • live-pusher

  • video

  • voip-room

• 地图

  • map

• 画布

  • canvas

• 开放能力

  • ad

  • ad-custom

  • official-account

  • open-data

  • web-view

• 原生组件说明

  • native-component

• 无障碍访问

  • aria-component

• 导航栏

  • navigation-bar

• 页面属性配置节点

  • page-meta

常用API

• 基础

• 路由

• 跳转

• 转发

• 界面

• 网络

• 支付

• 数据缓存

• 数据分析

• 画布

• 媒体

• 位置

• 文件

• 开放接口

• 设备

• Worker

• WXML

• 第三方平台

• 广告

发布流程

域名配置

• HTTPS

• SSL证书

体验+测试

提交发布

实战开发

• 登录

• 菜单定制

• 首页内容

• 详情页

• 编辑发帖

• 个人中心

不支持promise