使用微信小程序实现「分答」这款APP的基础功能（app/小程序）

使用微信小程序实现「分答」这款APP的基础功能（app/小程序）

「分答」 Power by 微信小程序

开发文档和背景阅读

官方开发文档微信小程序设计指南如何把握「微信小程序」这一波红利？ by 小道消息微信小程序，仅仅是 Web App 么？ by MacTalk为什么你觉得只开发微信号是不行的？ By 可能吧wept：非常好用的一个「微信小程序」实时开发环境，可以对wxml, wxss, javascript 和页面json自动热更新，炸裂！

一些想法：个人关于「微信小程序」的一些见解

feature

flex布局

基本使用官方推荐的flex来写布局，结合margin和padding能实现大部分的样式要求。

动态刷新

tabBar的第一个菜单「收听」使用了微信提供的组件scroll-view可滚动视图区域，页面加载后从网络上拉取数据填入视图层同时写入Storage（应该就是html5中的localStorage），滚动到底部时触发更新事件，同时设置标志位防止重复触发。应用官方的加载提示动画。

tip：滚动视图组件的上下滚动用鼠标滚轮，使用鼠标拖动的话很容易触发下拉事件，哪怕并没有到达顶部。滚动视图组件内不要放与内容无关的元素

带参切换页面

template写视图层模板

找人页面的两个榜单均使用template渲染

TODOs

滚动到顶部时的动画效果 输入搜索关键词时的动态提示 完整的带参切换页面功能

预览图

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。