前言

微信小程序自2017年1月9日正式上线后，就引发了一系列的热烈讨论。小程序为开发者提供了一种新的能力，使开发者可以快速地开发一个小程序商城。用户可便捷地获取小程序服务，无须安装或下载；小程序具有更丰富的功能和出色的使用体验；小程序具有封装一系列接口的能力，有助于快速开发和迭代，同时在安卓和苹果手机上都通用。

本书是讲解微信小程序前端界面设计的入门书籍，有详细的理论知识、布局分析、逻辑分析，还有丰富的实战案例以及详细的代码解说，具有很强的实用性。微信小程序使用大量的组件，官方提供了详细的文档；本书在此基础上，结合作者的理解，配备了更详细的实战案例，同时为代码添加了详细的注释，读者拷贝代码到开发工具即可看到效果，这样读者可以在最快的时间内掌握基础知识，快速进入实战开发。

微信小程序的前端样式开发基于传统的CSS，所以从前端UI的实现角度来讲，读者只需要熟悉CSS就能轻松上手微信小程序的界面设计；当然，有些CSS语法微信小程序是不支持的。

微信小程序开发框架的逻辑层使用JavaScript引擎为小程序开发者提供运行环境，并提供小程序的特有功能。在JavaScript的基础上还增加了一些功能，以方便小程序的开发。本书详细讲解了前端逻辑层用到的JavaScript基础语法。

如果读者没有小程序基础，建议先将第1和第2章的基础知识通读一遍。

第3～6章为小程序样式入门，主要讲解小程序页面样式布局，这都是前端UI设计所要用到的知识，建议读者仔细阅读，动手操作。掌握了基础知识，后面学习小程序商城界面设计才能得心应手。

第7～9章为前端开发入门，主要讲解小程序中前端JavaScript基础知识和实战应用，有别于传统的JavaScript代码，建议读者详细阅读，动手练习。

第10～17章为实战部分。其中，第10和第11章讲解小程序开发所需的常用组件和API。第12～16章介绍微信小程序商城界面的制作，包括布局分析和逻辑分析，读者按照书中的步骤练习，便可快速掌握。第17章讲解官方WeUI框架如何使用，以及如何引用第三方插件。

本书示例代码力求完整，但由于篇幅有限，有些代码没有写入书里。需要完整代码的读者请访问以下网址：

http://www.4317.org/book

http://www.yaoyiwangluo.com/book