光说不练，编程应该更多体现在项目实施上。 今天我们将理论与实践结合起来，通过微信小程序的实现，带大家系统地将相关理论概念运用到实践中。 让我们一起开始并练习吧！

微信小程序开发一、微信小程序简介

微信小程序是连接用户和服务的全新方式。 在微信内可以轻松获取和传播，具有良好的用户体验。

一、微信小程序和普通网页开发的区别

微信小程序的主要开发语言是。 与普通的网页开发相比，微信小程序的开发非常相似。 对于前端开发者来说，从网页开发迁移到微信小程序开发的成本并不高，但两者还是有一些区别的。

Web开发渲染线程和脚本线程是互斥的，这就是为什么长期脚本运行可能会导致页面失去响应的原因。 在微信小程序中，两者是分离的，运行在不同的线程中。 Web开发人员可以使用各种浏览器公开的DOM API来选择和操作DOM。

Web开发者需要面对的环境是各种各样的浏览器。 在PC端需要面对IE、QQ浏览器等，在移动端需要面对各种浏览器，以及iOS、系统。在微信小程序的开发过程中，我们需要面向两大操作系统iOS和微信客户端，以及用于辅助开发的微信小程序开发者工具。 微信小程序的三大运行环境也各有不同。

如上所述，微信小程序与普通网页开发的主要区别是：

1.1. 1.2. 不同的运行环境不同的API

由于运行环境不同，微信小程序中无法调用DOM和BOM的API。但小程序中可以调用微信环境提供的各种API，例如地理位置、扫码、支付、拍照等功能。

1.3. 不同的开发模式2.体验小程序

开发者可以使用微信客户端（6.7.2及以上版本）扫描下方小程序码体验小程序。

2.第一个微信小程序2.1。 申请账户

用浏览器打开

URL，点击右上角“立即注册”，进入小程序开发账号注册流程。 主要流程截图如下：

2.1.1. 点击注册按钮

进入微信公众平台首页，直接点击账户类别中的“小程序”，进入微信小程序介绍页面，找到介绍页面底部的“前往注册”按钮，进入微信小程序注册页面。

2.1.2. 选择注册账户类型

2.1.3. 填写账户信息

进入小程序注册页面，按照指引填写信息并提交相应材料，即可拥有自己的小程序账号。

2.1.4. 邮件激活

登录您的邮箱地址，收到激活邮件后，点击邮件中的激活链接即可完成邮件激活。

2.1.5。 填写主题信息

单击激活链接后，继续注册过程的下一步。 请选择科目类型选择并填写科目信息和管理员信息。

选择主体类型：

主题类型描述如下：

2.1.6。 获取小程序

小程序相当于小程序平台上的身份证，以后你会在很多地方用到它。 登录小程序后台，我们可以在菜单“开发”-“开发管理”中看到小程序。

2.2. 安装开发工具2.2.1。 了解微信开发者工具

微信开发者工具是官方推荐的小程序开发工具。 其提供的主要功能如下：

① 快速创建小程序项目

② 查看和编辑代码

③ 调试小程序功能

④ 小程序预览及发布

2.2.2. 你的第一个小程序

新建项目，选择小程序项目，选择存放代码的硬盘路径，填写刚刚申请的小程序，给项目起一个好听的名字，勾选“不使用云服务”（注意：您需要选择一个空目录来创建项目），单击“新建”，您将获得您的第一个小程序。 单击顶部菜单上的“编译”即可在微信开发者工具中预览您的第一个小程序。

2.2.3 填写项目信息

2.2.4 项目创建完成

2.2.5 在真机上预览项目效果

2.2.6 主界面五个组成部分

过去的问题