在iOS上，小程序的javascript代码在JavaScriptCore中运行

在Android上，小应用程序的JavaScript代码通过X5内核进行解析

在开发工具上，小程序的javascript代码在nwjs（chrome内核）中运行。因此，对开发工具的效果与实际效果不同。

2、组件

微信提供了许多组件，主要分为八种类型：

查看容器，

基本内容，

表单组件，

操作反馈，

导航

媒体组件

地图

画布

包含视图，滚动视图，按钮，表单等常见组件，还提供地图和画布。

组件主要属于视图层，它是通过wxml构造的，类似于html。通过wxss修改样式，类似于CSS。

组件使用语法示例：

这是一个以常规视图样式修改的视图。更多组件和相关使用方法可以在官方文档组件中找到

3、API

网络

媒体

数据

位置

设备

接口

开发界面

使用网络请求必须首先登录公共平台上的小程序帐户，然后在设置页面上设置允许的域名。网络请求包括普通的http请求，支持上载，下载和套接字。基本上满足了我们开发所需的网络要求。

这些API属于逻辑层，并用js文件编写。

用例：

您可以转到官方文档API，以检查如何使用其他API。

4、编译并运行

1、模拟器

您可以看到对模拟器的影响。操作的最底层是不同的，并且效果与在手机上运行有所不同

2、真实机器

在左侧的选项栏中微信小程序开发，选择项目，然后单击“预览”以产生QR码。您可以使用管理员的微信ID对其进行扫描，以查看对真实设备的实际效果

运行小型程序。

正在运行的真实计算机的屏幕截图（在iPhone7上运行，微信版本为6.3.30）：

home.jpeg

run.jpeg

功能：能够实时计算里程，时间并获取行驶路线（有点粗糙）

想法：主要使用微信小程序的获取位置APIwx.getLocation（）和地图组件地图。

首先实现一个计时计时器，通过wx.getLocation（）获取坐标，将获得的坐标存储在数组中，通过间隔获取坐标的里程，并累计以获取总里程，也可以通过坐标点连接

问题：

1、因为目前无法在地图上画线，所以我使用了在地图上粘贴一个小红点的方法来显示大致的行驶路线，这相对较粗糙。

2、在API中使用了火星坐标gcj02类型，但获得的坐标与国际坐标相似，并且仍然存在偏差。

核心代码：

我将所有代码都放在github-weChatApp-Run上，您可以下载它以首先具有外观或星级集合，以后我将进行一些优化更新。现在，这只是一个学习演示，每个人都可以交流和学习，并且实际的应用程序需要更多的优化。

wxml文件布局代码和js文件逻辑代码：单击进入Github

微信小程序示例

这里的编辑器为大家介绍了一个有趣的小程序-Hi Picture！您可以直接在此微信小程序上自己动手制作照片，让我们看一下高清图片的特定功能！

微信小程序高画质功能

1、主题-DIY图片模板，单击以生成和使用，并与朋友分享。

2、分享墙-用户上传自己的DIY作品。

3、立即创建-您可以用自己的图片进行DIY。