wepy小程序入门开发问题总结

Wepy 是一个基于 Vue.js 的微信小程序开发框架。它使用类 Vue.js 的语法，在编程思想、表达方式等方面有很大的相似性，但是针对小程序特点进行了很好的优化。

一、Wepy 的使用

1. 创建 Wepy 项目

想要使用 Wepy，需要先安装 Node.js 运行环境，然后全局安装 Wepy：`npm install wepy-cli -g`。

运行 `wepy init standard my-project` 来创建一个标准模板的 Wepy 项目，其中 `my-project` 是项目名称。

安装成功后，进入项目所在目录中，执行 `npm install`，安装项目依赖。

2. Wepy 项目中的页面

wepy 的页面文件有两个，即 `.wpy` 和 `.json`。其中 `.wpy` 包含了 `.js`、 `.less/sass` 和 `.vue` 中的所有特性。

wepy 中的 `config.js` 一般用来存储全局变量等信息。

wepy 中提供了小程序原生 API 的封装，主要是 `wepy.$wx` 对象。使用方法：`this.$wx.xxx`。

3. Wepy 项目中的组件

Wepy 中的组件分为独立组件和页面组件。

独立组件可以看作是小程序原生组件的增强版，可以使用 vue 的模板、组件和 vuex 等特性，而且还可以可以传递参数和给组件定义方法。

4. Wepy 项目中的样式

wepy 同样支持 Less 和 Scss 表示样式，使用方法和 Vue.js 中是一致的。

二、Wepy 原理简介

1. 构造器

Wepy 采用类 Vue.js 的实现方式，使用了构造器来创建小程序页面。构造器包含了数据、计算属性、方法、组件、页面等实例，并对其进行了初始化。

2. 生命周期

Wepy 采用类似 Vue.js 的生命周期，即 `created()`（数据初始化完成）、`attached()`（组件加入到页面）、 `ready()`（在页面渲染完成后调用）等，同时还定义了一些额外的生命周期。

3. 组件

Wepy 采用组件化的方式来实现小程序的各个功能。组件可以包含模板、样式和行为三个部分。在组件中可以使用 `wx-API`、 `computed` 字段、 `事件响应` 等，相比原生小程序，大大降低了开发成本。

4. 模板解析

Wepy 采用编译后的模板代码，通过对模板代码的解析，在页面的渲染和更新中实现了高效率、高性能的表现。

三、Wepy 开发问题总结

1. 小程序原生 API 的使用

虽然 Wepy 做了很好的封装，但是在实际开发中如果遇到不支持的 API，或者需要更灵活的配置，还是需要使用原生 API。

2. 调试问题

wepy 提供了一些调试工具，例如 `wept` 和 `wepy-debugger`。但是在使用过程中还是会遇到一些问题，如无法调试 H5 端等。

3. 性能问题

Wepy 封装了小程序原生 API，但是在部分应用场景下可能会存在性能问题。此时，需要借助工具对性能进行分析、优化。

4. 体积问题

Wepy 是基于 Vue.js 的，因此在使用 Wepy 进行开发时需要引入 Vue.js 的相关代码，可能会导致小程序的体积过大。同时，在代码优化和拆分方面也需要进行考虑。

总之，虽然 Wepy 针对小程序的开发做了很好的优化和封装，但是在实际开发中还是需要注意一些问题。开发者需要不断地进行代码优化和强化自己的编码能力，才能发挥出 Wepy 的优势。