小程序开发基础

小程序与普通网页开发的区别

网页开发呈现线程和脚本是一个过程，而这两个小程序是分开的，在不同的线程中运行

Web开发人员可以在DOM和BOM上操作。小程序缺乏在DOM和BOM上操作的方法，这使得JQuery、Zepto等无法在小程序中运行

小程序的运行环境与nodejs不同，因此一些npm包无法在小程序中运行

从applet的基本库版本2.2.1开始，它支持使用npm安装第三方软件包

小程序开发过程

注册小程序帐户

为了获得AppID，AppID与我们的身份证一样，是唯一且重要的。所有后续开发过程将基于此AppID完成

直接在微信小程序官网注册

通过微信公众号注册

条件是已经有一个微信公众号（企业级，非个人）

好处是，如果公众号已经认证，小程序就不需要再次认证，节省了认证时间和成本

安装开发人员工具

开发/测试/上传代码（上传至微信服务器）

提交以供审查

小程序上线后，我们可以在微信中搜索我们开发的小程序

错误查询/性能监控登录官网->开发->运维中心

如何使vscode支持编写小程序代码

安装和使用微信开发者工具

注意实施

小程序项不能嵌套在小程序项中

创建一个小程序项目，它不能是云开发的代码块

快速创建小程序

AppID官方网站->开发->开发设置->AppID位于

没有AppID，我们可以使用小程序提供的测试编号

小程序的目录结构

页面此处的每个文件夹代表小程序的页面

app。Js全局逻辑码

app。Json全局配置文件

app。Wxss全局样式文件

小程序4文件类型

Js逻辑文件

Json配置文件

由wxmlapplet框架设计，事件系统可以使用标记语言和applet基本组件构建页面结果

Wxss小程序样式文件

js语言

脚本执行顺序

app执行后。js完成后，小程序将按照开发人员在app.json中定义的页面顺序逐个执行

与浏览器中运行的脚本文件不同，小程序的脚本范围更类似于nodejs。文件中的变量和函数仅在文件中有效。具有相同名称的变量和函数可以在不同的文件中声明，而不会相互影响

wxs软件

小程序的大小单位rpx可以根据屏幕宽度自适应。屏幕宽度指定为750px。如果iPhone 6的屏幕宽度为375物理像素，则750rpx=375px，1rpx=0.5物理像素

在app中定义wxss中的样式是一种全局样式，将注入每个小程序页面。页面的wxss文件中定义的样式是本地样式，仅适用于相应的页面，并将覆盖app.wxss中的相同配置

样式导入在css中，开发人员可以应用另一个样式文件，如：@import url（'./app.css'）在小程序中，我们仍然可以使用@import'./ap。css’作为参考

官方样式库：

选择器小程序当前支持的选择器包括：

选择器

实例

描述

班

.简介

使用class=“intro”选择所有组件

#标识

#名字

选择id=“firstname”的组件

要素

看法

选择所有视图组件

元素，元素

视图，复选框

选择所有视图和复选框组件

：：之后

视图：：之后

在视图组件之后插入

：：之前

视图：：之前

在所有视图构件之前插入

图像组件

图像组件的默认宽度为300ox，高度为225px（320*240）

注意：如果我们希望图像组件上的高度与宽度成比例，我们应该设置图像的模式，例如：

<；/图像>

文本组件

长按无法选择文本节点以外的节点

数据绑定

所容纳之物

｛｛message｝｝

属性

<；/视图>

操作人员

事件绑定和事件处理功能

事件是从视图层到逻辑层的通信模式，可以将用户的满意度反馈给逻辑层进行处理

事件对象可以携带其他信息，例如：id、数据集

事件分类

气泡事件

非起泡事件

-事件绑定

事件绑定的编写方法与组件属性的编写方法相同，以键和值的形式

键使用bind或catch，然后跟随事件类型，如bindtap和catchtap

**绑定事件绑定不会阻止事件冒泡，而catch ev