微信小程序实例源码大全

 怎么本地测试微信小程序实例源码

1.下载源码

2.打开微信开发者工具

3.添加项目->选择本项目目录->编译执行

 微信小程序实例源码大全

• 微信小程序游戏类demo：识色；从相似颜色中挑选不同的一个

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1105

• 微信小程序精品demo：仿网易云音乐：歌单，FM，播放，评论

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1103

• 微信小程序学习demo推荐：外卖：实现类似锚点功能（2M动图

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1101

• 微信小程序学习用demo：一元夺宝：仅有主页设计

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1100

• 微信小程序学习demo推荐：卡卡汽车：获取用户，设备信息

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1099

• 微信小程序demo：仿商城

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1098

• 微信小程序学习用demo：微信小闹钟：对话实现

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1096

• 微信小程序demo：百度翻译；翻译API+历史翻译记录

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1074

• 微信小程序学习用实用demo：简单的左滑操作和瀑布流布局

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1071

• 微信小程序学习用demo：LOOK：点击tabbar变换图标

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1064

• 微信小程序demo：乐助：类似基于地理位置的到位；助人应用

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1063

• 微信小程序练习demo：数据绑定条件渲染练习

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1062

• 微信小程序学习用demo：轮播图变换

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1061

• 微信小程序demo：阳淘

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1060

• 微信小程序自定义组件：带未读数目的tabBar按钮

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1046

• 微信小程序学习用demo推荐：聊天室+音视频+添加内容+

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1043

• 微信小程序demo：知乎日报

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1041

• 微信小程序demo：装逼神器

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1040

• 微信小程序demo：果库更新版

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1039

• 微信小程序demo：计算器

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1038

• 微信小程序开发之录音机 音频播放 动画 (真机可用)

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1028

• 微信小程序demo：人脸识别

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1019

• 微信小程序demo：cnode练习版

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1018

• 微信小程序demo：知乎日报练习版

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1017

• 微信小程序学习用demo：豆瓣电影：弹出层

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1016

• 微信小程序学习用精品demo：航空订票；

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1015

• 微信小程序精品学习demo：瀑布流布局与无限加载

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1004

• 微信小程序demo：今日头条（附教程地址）

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1003

• 微信小程序学习用demo推荐：蜂融网：静态页面设计

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=997

• 学习用精品demo：电影推荐：界面设计及简易图片墙

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=996

• 微信小程序demo：名片盒子：静态页面

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=995

• 剪刀石头布小游戏，来和小五猜拳吧（带有代码解释）

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=991

• 微信小程序学习用demo：组件及API测试合集

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=990

• 微信小程序demo：宝宝起名

  源码链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=987

• 微信小应用示例代码(phodal/weapp-quick)

  源码链接：https://github.com/phodal/weapp-quick

• 微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)

  源码链接：https://github.com/giscafer/wechat-weapp-mapdemo

• 微信小应用- 掘金主页信息流(hilongjw/weapp-gold)

  源码链接：https://github.com/hilongjw/weapp-gold

• 微信小程序（应用号）示例：微信小程序豆瓣电影(zce/weapp-demo)

  源码链接：https://github.com/zce/weapp-demo

• 微信小程序-豆瓣电影(hingsir/weapp-douban-film)

  源码链接：https://github.com/hingsir/weapp-douban-film

• 小程序 hello world 尝鲜(kunkun12/weapp)

  源码链接：https://github.com/kunkun12/weapp

• 使用微信小程序开发2048游戏(sammffl/wechat-weapp-2048)

  源码链接：https://github.com/sammffl/wechat-weapp-2048

• 微信小程序-微票(wangmingjob/weapp-weipiao)

  源码链接：https://github.com/wangmingjob/weapp-weipiao

• 微信小程序购物车DEMO(SeptemberMaples/wechat-weapp-demo)

  源码链接：https://github.com/SeptemberMaples/wechat-weapp-demo

• 微信小程序V2EX(jectychen/wechat-v2ex)

  源码链接：https://github.com/jectychen/wechat-v2ex

• 微信小程序-知乎日报(myronliu347/wechat-app-zhihudaily)

  源码链接：https://github.com/myronliu347/wechat-app-zhihudaily

• 微信小程序-公众号热门文章信息流(hijiangtao/weapp-newsapp)

  源码链接：https://github.com/hijiangtao/weapp-newsapp

• 微信小程序版Gank客户端  https://github.com/lypeer/wechat-weapp-gank
• 微信小程序集成Redux实现的Todo list  https://github.com/charleyw/wechat-weapp-redux-todos
• 微信小程序-番茄时钟  https://github.com/kraaas/timer
• 微信小程序项目汇总  http://javascript.ctolib.com/categories/javascript-wechat-weapp.html
• 微信小程序版聊天室   https://github.com/ericzyh/wechat-chat
• 微信小程序-HiApp   https://github.com/BelinChung/wxapp-hiapp
• 小程序Redux绑定库   https://github.com/charleyw/wechat-weapp-redux
• 微信小程序版微信  https://github.com/18380435477/WeApp
• 小程序开发从布局开始  https://github.com/hardog/wechat-app-flexlayout
• 微信小程序-音乐播放器  https://github.com/eyasliu/wechat-app-music
• 微信小程序-简易计算器-适合入门 https://github.com/dunizb/wxapp-sCalc
• 微信小程序-github   https://github.com/zhengxiaowai/weapp-github
• 微信小程序-小熊の日记   https://github.com/harveyqing/BearDiary
• 微信小程序 https://github.com/SeaHub/PigRaising
• 微信小程序(WeChatMeiZhi妹子图) https://github.com/brucevanfdm/WeChatMeiZhi

 

本文摘自http://www.51xuediannao.com/javascript/wx_xiaochengxu_demo.html