Giter Site home page Giter Site logo

fade_2's Introduction

Fade

Fade 是一款含有时间元素的轻博客社交应用,fade的表义即为流逝、消逝,产品应用贯彻fade的**,通过时间来筛选信息流中的帖子,每条发布的帖子有起始的存活时间,用户通过点击加、减按钮来为帖子续秒或减秒,起到使优质内容的帖子长久流传,而其它帖子流逝消失的效果。

Requirements

  • 微信小程序开发工具
  • git bash

Function

  • 首页动态加载查看其它用户发布的信息帖子
  • 详情页可评论帖子或回复其他用户的评论
  • 通知页接收后台推送通知,通知用户查看新的评论或新的粉丝
  • 搜索页可搜索其它用户或帖子
  • 个人页查看或修改个人信息(包括已发布的fade帖子、正在流传的帖子和其它基本的信息)

Details

  • 前端通过wx.requestwx.uplodaFile来向后端发送form-urlencoded和multipart的请求
  • 前端通过wx.connectSocket与后端建立websocket连接,通知页的推送效果通过onSocketMessage监听由后端向前端主动推送的信息
  • 首页通过Page的页面滚动、onPullDownRefresh监听下拉刷新和onReachBottom监听上拉加载实现流式加载
  • 详情页的评论列表通过scrollView实现,并通过bindscrolltoupper监听列表触顶和bindscrolltolower监听列表触底来实现动态加载评论效果
  • 个人页的各个标签列表通过hidden属性控制其显示或隐藏
  • 各个页面和样式利用wxmlwxss编写

Extra

  • 后端服务器通过hadoop运行基于用户的推荐算法,在首页中附带推送一些感兴趣的用户及其帖子
  • 安卓端和ios端有更炫酷的帖子消失动画

Screenshot

Author

Author E-mail
Eric_Wong [email protected]

fade_2's People

Contributors

huanghlun avatar

Stargazers

 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.