uniapp小程序开发笔记

Uniapp是一款基于 Vue.js 开发的跨平台开发框架，可以同时开发安卓、iOS、H5、小程序等多种端应用。其中小程序的支持非常好用，可以将大部分 Vue.js 语法直接复用到小程序中，实现了代码复用，降低了开发难度和成本。

Uniapp小程序在工作原理上有以下几点需要注意：

1. 视图层和逻辑层分离

在小程序开发中，包括 Uniapp，视图层和逻辑层是分开的。这样做可以使得开发者专注于视图层的设计，编写逻辑层处理数据和业务，最终将其结合在一起。

视图层是由 wxml + wxss 组成，主要负责展示页面的布局和样式等。逻辑层是由 js 组成，主要负责页面的业务逻辑和数据处理等。

2. 小程序的生命周期及其绑定

小程序有自己的生命周期，和 React Native 等开发框架类似，Uniapp也有内置的生命周期，开发者可以根据自己的需求添加相应的生命周期函数。

另外在小程序开发中，Uniapp对于小程序生命周期的绑定是比较自动化和便捷的。开发者只需要定义好相应的生命周期函数，Uniapp会自动执行相应的生命周期函数。

3. 调试工具

Uniapp小程序开发中，有自己的调试工具：Hbuilder X，这个工具综合了原生小程序开发工具和Uniapp功能，包含了小程序的各种调试功能，如网络请求、控制台、元素调试等等。而且在Hbuilder X中，开发者可以直接看到小程序中的Vue组件的模板代码和数据变化，以及在页面中进行快速调试。

4. 代码重用

作为跨平台开发框架，Uniapp在小程序开发中可以做到代码的复用。对于一些通用的代码逻辑，比如请求接口、样式调整、缓存数据等，Uniapp可以将其封装成公共Js组件。这样在小程序开发中，可以重复利用，节约开发时间和成本。

总结：

以上是Uniapp小程序开发的四个方面，包括视图层和逻辑层分离、小程序的生命周期及其绑定、调试工具和代码重用。对于初学者来说，需要多了解小程序的基础知识，然后再根据开发需求去灵活使用Uniapp开发工具，才能更好的掌握这个跨平台开发框架。