相关文章:
基于微信小程序开发的仿微信demo
功能列表:
- 查看消息、查看系统信息
- 网络请求获取数据(download示例server端demo)
- 微信地图(调用API已换成map组件)
- 发送图片
- 查看朋友圈、新的朋友
- 实时文本搜索框(优化)
- IDE更新的下拉(目前跟一些组件会出现冲突,等待官方解决)
- 2种播放器组件
picker
三种MODEupload
与download
接口的调用(示例server端demo一起更新)- 加入
websocket
示例,需要重新install安装依赖 - 整合了
ionic
的样式库和weui
的样式库
功能:
flex
布局:基本使用官方推荐的flex
来写布局,结合margin
和padding
能实现大部分的样式要求。- 动态刷新:
tabBar
的第一个菜单「收听」使用了微信提供的组件scroll-view
可滚动视图区域,页面加载后从网络上拉取数据填入视图层同时写入Storage
(应该就是html5
中的localStorage
),滚动到底部时触发更新事件,同时设置标志位防止重复触发。应用官方的加载提示动画。
tip:滚动视图组件的上下滚动用鼠标滚轮,使用鼠标拖动的话很容易触发下拉事件,哪怕并没有到达顶部。滚动视图组件内不要放与内容无关的元素
- 带参切换页面:点击某个问题进入问题的详情页,同时导航网址带有该问题的编号,具体数据优先从
Storage
抓取, 查询不到就请求后台。同样的,点击个人头像或者个人简介bar进入个人详情页。(未完全完成) template
写视图层模板:找人页面的两个榜单均使用template
渲染
微信小程序-7天写分答微信小程序
目标 TODO:
- 完成分答的基本UI
- 模拟实现数据
- 实现录音功能
- 实现播放功能
相关文章:
HiApp 微信小程序版
微信小程序版聊天室
本项目使用 Gorilla WebSocket
作为聊天室后台 , 基于 go
语言开发,提供的demo实例中有聊天室源码,不需要任何修改就能生成一个聊天室项目(包含后台+web前台)