小程序-起步

news/2024/7/20 2:20:49 标签: 小程序, 前端

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

目录

  • 一、第一个小程序
  • 二、小程序代码的构成
    • 1. Pages 用来存放所有小程序的页面
    • 2.util 用来存放工具性质的模块
    • 3. .eslintrc.js 用于约束,代码风格
    • 4.app.js 小程序项目的入口文件
    • 5.app.json 小程序项目的全局配置文件
    • 6.app.wxss 小程序项目的全局样式文件
    • 7.project.config.json 项目的配置文件
    • 8.project.private.config.json 项目的配置文件(优先级高于progect.config.json)
    • 9.sitemap.json 用来配置小程序及其页面是否允许被微信索引
  • 三.小程序的宿主环境
    • 1. 什么是宿主环境
    • 2. 小程序的宿主环境
    • 3. 小程序宿主环境所包含的内容
  • 四、协调工作

一、第一个小程序

  1. 注册小程序开发者账号
    https://mp.weixin.qq.com/

  2. 安装开发者工具
    https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

  3. 创建小程序项目

二、小程序代码的构成

在这里插入图片描述

1. Pages 用来存放所有小程序的页面

2.util 用来存放工具性质的模块

3. .eslintrc.js 用于约束,代码风格

4.app.js 小程序项目的入口文件

5.app.json 小程序项目的全局配置文件

6.app.wxss 小程序项目的全局样式文件

7.project.config.json 项目的配置文件

8.project.private.config.json 项目的配置文件(优先级高于progect.config.json)

9.sitemap.json 用来配置小程序及其页面是否允许被微信索引

三.小程序的宿主环境

1. 什么是宿主环境

程序运行所依赖的环境(例如:Android系统和IOS系统是两个不同的宿主环境。安卓的微信APP是不能在IOS环境下运行的,所以Android是安卓软件的宿主环境)
在这里插入图片描述

2. 小程序的宿主环境

在这里插入图片描述

3. 小程序宿主环境所包含的内容

①通信模型
在这里插入图片描述

②运行机制
在这里插入图片描述

③组件

  • 视图容器组件
    view 类似于div
    scrool-view可滚动的视图区域
    swiper和swiper-item轮播图容器组件和轮播图item组件

  • 基础内容组件
    text
    rich-text

  • 表单组件

  • 导航组件

  • 媒体组件

  • map地图组件

  • canvas画图组件

  • Button组件

  • image组件

④API
在这里插入图片描述

四、协调工作

在这里插入图片描述



http://www.niftyadmin.cn/n/1027140.html

相关文章

VB.NET的一个邮件发送函数

<summary> VB.NET邮件发送程序 还没用在别的服务器&#xff0c;不晓得能不能行&#xff0c;慎用&#xff01; </summary> <param name"sFrom">发件人地址</param> <param name"sTo">收件人地址</param> <param nam…

1403:素数对(C C++)

【题目描述】 两个相差为2的素数称为素数对&#xff0c;如5和7&#xff0c;17和19等&#xff0c;本题目要求找出所有两个数均不大于n的素数对。 【输入】 一个正整数n(1≤n≤10000)。 【输出】 所有小于等于n的素数对。每对素数对输出一行&#xff0c;中间用单个空格隔开。…

TQ2440开发板存储器

TX2440A与TQ2440A开发板使用核心板完全相同 有过51单片基础的同学应该都会看懂下图&#xff0c;先看下图&#xff0c;对实验板存储器分布有一个整体印象&#xff1a; s3c2440存储器概述&#xff1a; 1、S3C2440A的存储器管理器提供访问外部存储器的所有控制信号 2、27位地址信号…

1404:我家的门牌号(C C++)

【题目描述】 我家住在一条短胡同里&#xff0c;这条胡同的门牌号从1开始顺序编号。 若其余各家的门牌号之和减去我家门牌号的两倍&#xff0c;恰好等于n&#xff0c;求我家的门牌号及总共有多少家。数据保证有唯一解。 【输入】 一个正整数n。n<100000。 【输出】 一行…

将本地文件上传到github空仓库(git实现)

目录具体步骤1、初始化项目2、将当前目录下所有需要上传的文件代码等资源添加到缓存区3、 提交缓存区里面的主要内容到本地仓库4、添加一个远程仓库的地址5、将远程仓库进行下拉&#xff0c;获取同步6、提交本地仓库到远程仓库常见问题1、出现 Reinitialized existing Git repo…

Android 3.0开始引入fragments(碎片、片段)类

Fragment要点 Fragment作为Activity界面的一部分组成出现。 可以在一个Activity中同时出现多个Fragment&#xff0c;并且&#xff0c;一个Fragment亦可在多个Activity中使用。 在Activity运行过程中&#xff0c;可以添加、移除或者替换Fragment&#xff08;add()、remove()、…

1405:质数的和与积(C C++)

【题目描述】 两个质数的和是S&#xff0c;它们的积最大是多少&#xff1f; 【输入】 一个不大于10000的正整数S&#xff0c;为两个质数的和。 【输出】 一个不大于10000的正整数S&#xff0c;为两个质数的和。 【输入样例】 50 【输出样例】 589 【代码】 和为定值…

1401:机器翻译(C C++)

【题目描述】 小晨的电脑上安装了一个机器翻译软件&#xff0c;他经常用这个软件来翻译英语文章。 这个翻译软件的原理很简单&#xff0c;它只是从头到尾&#xff0c;依次将每个英文单词用对应的中文含义来替换。对于每个英文单词&#xff0c;软件会先在内存中查找这个单词的中…