微信小程序之学习心得

最近和一个朋友准备做个提供情绪价值相关的项目。具体在用户交互及呈现上，选择为相对不那么重的微信小程序。

微信小程序出来很久了，一直只闻其声不见其深。只是知道这个技术，但从来没有实际用过，这次正好借此机会来深入窥探一下。这里借用其他人的一张微信小程序框架图来说明一下；

从上面的框图可以看到小程序的构成从大架构上来看，主要是由各个网页形式的Page来作为交互界面。内部则是由javascript脚本（即*.js文件）做数据逻辑处理。界面呈现由*.wxml文件约定，类似网页*.html。数据则一般按照json格式来处理，通常在*.json文件中。接着就是页面样式规定*.wxss，类似CSS样式文件。其实这样的结构和20多年前的MVC框架也是一脉相承。

这次主要是做的一个产品原型，因此没有做过于复杂的绚丽界面和交互设计，只是把最本原最核心的逻辑算法给完成了，后续就是美化界面和算法优化。

在原型中界面上用到了Picker组件，让用户可以去选择提供的选项，作为输入条件。根据内部约定的逻辑算法，算出结论呈现在界面上。另外解决的一个难题就是用到第三方的API查询特定的信息，同样呈现在界面上。关键核心在于将第三方API页面查询的异步操作转成同步逻辑处理，降低了逻辑控制的复杂度。最后给个原型的界面。有兴趣的读者可以交流一下，共同提高。