GithubHelp home page GithubHelp logo

scfobao / wechatsmallapps Goto Github PK

View Code? Open in Web Editor NEW

This project forked from oopsguy/wechat-miniprogram-examples

0.0 2.0 0.0 603 KB

Wechat Small Apps Demos,微信小程序个人案例合集

Home Page: http://oopsguy.com

JavaScript 100.00%

wechatsmallapps's Introduction

WechatSmallApps

微信小程序最近很火热,虽然官方还在内侧,但是笔者还是经常看得到很多微信小程序相关的文章,既然它这么火热,自己也想学习并做出点东西。笔者刚毕业不久,参加工作也只有3个月,实际的开发能力并不能与大牛相比,所做的DEMO技术含量比较低,自己的目的在于记录下每次学习的过程和分享每一次学习之后的成果。由于工作比较忙,只能抽周末的时间来完善DEMO,计划中的DEMO有几个,以后会慢慢更新。

更新

  • [2016-11-23] 由于官方IDE更新到了0.11.112301版本,移除了对Promise的支持,造成事项助手不能正常运行,解决此问题,在项目中引入第三方兼容库Bluebird支持Promise,代码已经整合到项目代码中。

  • [2016-11-16] 更新案例事项助手,配合微信小程序之ES6与事项助手教程开发,主要是介绍小程序ES6开发方法。

  • [2016-10-31] 小程序更新到最新版本 0.10.102800,删除之前兼容新注释,知乎日报首页的轮播图恢复正常,新增案例计划,初步开发,暂且命名为事项助手,其主要功能为日历全月份天数动态展示。

  • [2016-10-29] 由于官方不定期升级IDE,小程序的部分功能被修改和移除,导致之前的项目不能正常运行。现在的代码以最新版IDE运行环境为准,即0.10.102800版本,可点击下载,虽然修改了代码以适应最新版本的开发环境,但是之前的有些布局和做法已经不再受到官方的支持,所以实际运行效果与效果图中的展示可能存在差异。

知乎日报案例上传之后,有比较热心的网友贡献自己的代码修复了很多bug,非常感谢

  • @jkgeekJack
    美化部分UI,增加收藏功能,把主页、主题和收藏页改为单页模式,修复部分图片不能显示的问题,部分代码重构,内容转义字符显示问题修复。

案列说明

Oopsguy的博客

案例随笔分支

案例

MatterAssistant 事项助手(ES6教程附带例子)

介绍小程序的ES6开发方式,基础到写法,最后给出事项助手作为演示例子,事项助手的功能比较简单,附带日历组件和简单的事项信息存储功能。

事项助手首页

ZhiHuDaliy 知乎日报

上一次的《微信小程序之小豆瓣图书》制作了一个图书的查询功能,只是简单地应用到了网络请求,其他大多数小程序应有的知识。而本次的示例是知乎日报,功能点比较多,页面也比上次复杂了许多。在我编写这个DEMO之前,网上已经有很多网友弄出了相同的DEMO,也是非常不错的,毕竟这个案例很经典,有比较完整的API,很值得模仿学习。本次个人的DEMO也算是一次小小的练习吧。

Splash启动页面

首页

侧栏菜单

详细页面2

内容分享

评论页面

主题日报

设置页面

DoubanBookApp 豆瓣图书

很简单的一个小例子,使用了两个豆瓣图书的api,搜索图书和获取图书详情接口。这是第一个自己的第一个微信小应用。

DouBanBookApp首页

DouBanBookApp列表页

DouBanBookApp详细页

代码仓库

https://github.com/oopsguy/WechatSmallApps

http://git.oschina.net/oopsguy/WechatSmallApps

wechatsmallapps's People

Contributors

oopsguy avatar jkgeekjack avatar

Watchers

James Cloos avatar scfobao 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.