gitee下载地址：https://gitee.com/victorchang/WeApp_Demos
 
 
wx-gesture-lock微信小程序的手势密码
 
WXCustomSwitch微信小程序自定义 Switch 组件模板
 
WeixinAppBdNovel微信小程序demo：百度小说搜索
 
shitoujiandaobu小程序：石头剪刀布（附代码说明）
 
audiodemo微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义
 
star微信小程序开发之五星评分
 
switchCity微信小程序开发之城市选择器 城市切换
 
huadong_del微信小程序滑动删除效果
 
jianhang_menu微信小程序开发之圆形菜单 仿建行圆形菜单
 
xiaoxiaoxiao_lazyload实现微信小程序图片懒加载特效
 
kangaiduowei微信小程序：康爱多微商城：学习界面设计
 
tianmao_dazhuanpan小程序实现大转盘 仿天猫抽奖 跑马灯效果（有图有源码）
 
weapp-meirong微信小程序学习用demo推荐：美容商城；列表，预约
 
baisi微信小程序仿百思不得姐
 
weapp-one仿 「ONE · 一个」 的微信小程序
 
netmusic-app仿网易云音乐APP的微信小程序
 
a_takeaway微信小程序的外卖demo
 
sideslip微信小程序『侧边栏滑动』特效
 
wx_plo微信小程序之仿微信漂流瓶
 
kwonWhere微信小程序-知亦行
 
audiodemo微信小程序开发之视频播放 弹幕 弹幕颜色自定义
 
wxChart微信小程序图标插件
 
guoku微信小程序-果库
 
snake微信小程序-贪吃蛇小程序
 
douban_movie微信小程序-仿豆瓣电影
 
RecordDemo麦克风动画
 
shishanggou实现了包括常用组件，ajax获取数据，模板使用，路由等的使用，下拉刷新数据；
 
jiajuzaixian家具在线-演示如何使用下拉选项
 
wechat-app-ipinbb爱拼宝宝-功能非常全的电商应用
 
TodayNews-wx微信小程序-今日头条
 
WXNative-bpgg奔跑果果-微信小程序
 
wechatapp-demo是目前我发现的，实现实用功能较多的demo，推荐大家学习研究
 
weapp-MatterAssistant微信小程序－事项助手
 
weapp-wymusic微信小程序 仿网易云音乐
 
weapp-wechat-nearby微信小程序-仿找事吧app附近三公里
 
bs精简版百思不得姐
 
WXBaiSi微信小程序版 百思不得姐
 
weapp-demo-breadtrip基于面包旅行 API 制作的微信小程序示例
 
html-to-wxml小程序中将html内容转化成wxml可以显示的内容，方便用于小程序中显示
 
kachezhijia自卡车之家，有丰富的卡车司机和物流园区的资源，所以这个小程序可以说也是他们未来工作上的一个必将实施的项目。
 
WxEmojiView微信小程序Emoji展示输入组件alpha 0.1
 
GankCamp-WechatAPPgank.io (干货集中营) 微信小程序 版本
 
wechat-JD微信小程序仿京东首页
 
wechat-turntalbe-canvas用微信小程序开发的Canvas绘制可配置的转盘抽奖。
 
mangguoTv微信小应用-小程序-demo-仿芒果TV
 
wxreading微信小程序跟读
 
WeChatMeiZhi微信小程序版妹纸图 API from gank.io
 
CountDown微信小程序倒计时组件
 
weapp-github微信小程序--github
 
wechat-weapp-mapdemo微信小程序开发demo-地图定位，非常简单的demo，只为了解一下微信小程序
 
wechat-cnode微信小程序 cnode社区版
 
weapp-newsapp微信小程序-公众号热门文章信息流
 
wechat-weapp-taobao微信小程序demo 仿手机淘宝
 
timer番茄时钟微信小程序版
 
wechat-app-music微信小程序：音乐播放器 技术栈: redux + es7 +labrador
 
fenda-mock使用微信小程序实现「分答」这款APP的基础功能
 
Wa-UI针对微信小程序整合的一套UI库
 
wx-query微信小程序 仿jQuery插件
 
weapp-artand微信小程序 Artand
 
WeiXin-SmallApps-Information微信小程序-仿今日头条
 
weapp-wechat-zhihu微信中的知乎--微信小程序
 
WeApp基于微信小程序开发的仿微信demo
 
SmallApp微信小程序
 
wechat-v2ex微信小程序-v2ex
 
weipiao微信小程序-微票
 
DouBanBookApp微信小程序之小豆瓣图书
 
wxapp-calc一个简单的微信小程序-简易计算器
 
weapp-wechat-zhihu模仿知乎的小程序
 
wx-movies-demo小程序--影讯
 
caiquan微信小应用，猜拳小游戏
 
hayeah-wxapp-Breakfast小林早厨微信小程序
 
AppleMusic微信小程序，仿Apple Music
 
cnode_wechat-webapp用cnode社区api做的微信小应用
 
shoppingcar一个点餐、购物的购物车效果
 
wechat-weapp-mall微信小程序实现移动端商城
 
SmallAppForQQ高仿手机QQ应用程序
 
zhihudaily微信小程序-知乎日报
 
wechat-weapp-gank微信小程序-干货投稿应用
 
TeamToy调用TeamToy API 的微信小程序 Demo
 
douban微信小程序（应用号）示例教程（豆瓣电影）
 
 
有兴趣的朋友可以加我的qq群交流学习，群里有更多源码，学习资料
 
QQ群：741909960     
 
点我进群

 wx-gesture-lock  微信小程序的手势密码
 


 
 WXCustomSwitch 微信小程序自定义 Switch 组件模板
 


 
 WeixinAppBdNovel 微信小程序demo：百度小说搜索
 


 
 shitoujiandaobu 小程序：石头剪刀布（附代码说明）
 


 
 audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义
 


 
 star 微信小程序开发之五星评分
 


 
 switchCity 微信小程序开发之城市选择器 城市切换
 


 
 huadong_del  微信小程序滑动删除效果
 


 
 jianhang_menu 微信小程序开发之圆形菜单 仿建行圆形菜单
 


 
 xiaoxiaoxiao_lazyload  实现微信小程序图片懒加载特效
 


 
 kangaiduowei  微信小程序：康爱多微商城：学习界面设计
 


 
 tianmao_dazhuanpan  小程序实现大转盘 仿天猫抽奖 跑马灯效果（有图有源码）
 


 
 weapp-meirong  微信小程序学习用demo推荐：美容商城；列表，预约
 


 
 baisi  微信小程序仿百思不得姐
 


 
 weapp-one 仿 「ONE · 一个」 的微信小程序
 


 
 netmusic-app  仿网易云音乐APP的微信小程序
 


 
 a_takeaway  微信小程序的外卖demo
 


 
 sideslip  微信小程序『侧边栏滑动』特效
 


 
 wx_plo  微信小程序之仿微信漂流瓶
 


 
 kwonWhere 微信小程序-知亦行
 


 
 audiodemo  微信小程序开发之视频播放 弹幕 弹幕颜色自定义
 


 
 wxChart  微信小程序图标插件
 


 
 guoku  微信小程序-果库
 


 
 snake  微信小程序-贪吃蛇小程序
 


 
 douban_movie  微信小程序-仿豆瓣电影
 


 
 RecordDemo  麦克风动画
 


 
 shishanggou  实现了包括常用组件，ajax获取数据，模板使用，路由等的使用，下拉刷新数据；
 


 
 jiajuzaixian  家具在线-演示如何使用下拉选项
 


 
 wechat-app-ipinbb  爱拼宝宝-功能非常全的电商应用
 


 
 TodayNews-wx  微信小程序-今日头条
 


 
 WXNative-bpgg  奔跑果果-微信小程序
 


 
 wechatapp-demo   是目前我发现的，实现实用功能较多的demo，推荐大家学习研究
 


 
 weapp-MatterAssistant  微信小程序－事项助手
 


 
 weapp-wymusic  微信小程序 仿网易云音乐
 


 
 weapp-wechat-nearby  微信小程序-仿找事吧app附近三公里
 


 
 bs  精简版百思不得姐
 


 
 WXBaiSi  微信小程序版 百思不得姐
 


 
 weapp-demo-breadtrip  基于面包旅行 API 制作的微信小程序示例
 


 
 html-to-wxml  小程序中将html内容转化成wxml可以显示的内容，方便用于小程序中显示
 


 
 kachezhijia  自卡车之家，有丰富的卡车司机和物流园区的资源，所以这个小程序可以说也是他们未来工作上的一个必将实施的项目。
 


 
 WxEmojiView   微信小程序Emoji展示输入组件alpha 0.1
 


 
 GankCamp-WechatAPP gank.io (干货集中营) 微信小程序 版本
 


 
 wechat-JD  微信小程序仿京东首页
 


 
 wechat-turntalbe-canvas  用微信小程序开发的Canvas绘制可配置的转盘抽奖。
 


 
 mangguoTv  微信小应用-小程序-demo-仿芒果TV
 


 
 wxreading  微信小程序跟读
 


 
 WeChatMeiZhi  微信小程序版妹纸图 API from gank.io
 


 
 CountDown  微信小程序倒计时组件
 


 
 weapp-github  微信小程序--github
 


 
 wechat-weapp-mapdemo  微信小程序开发demo-地图定位，非常简单的demo，只为了解一下微信小程序
 


 
 wechat-cnode  微信小程序 cnode社区版
 


 
 weapp-newsapp  微信小程序-公众号热门文章信息流
 


 
 wechat-weapp-taobao  微信小程序demo 仿手机淘宝
 


 
 timer  番茄时钟微信小程序版
 


 
 wechat-app-music  微信小程序：音乐播放器 技术栈: redux + es7 +labrador
 


 
 fenda-mock  使用微信小程序实现「分答」这款APP的基础功能
 


 
 Wa-UI  针对微信小程序整合的一套UI库
 


 
 wx-query  微信小程序 仿jQuery插件
 


 
 weapp-artand  微信小程序 Artand
 


 
 WeiXin-SmallApps-Information  微信小程序-仿今日头条
 


 
 weapp-wechat-zhihu  微信中的知乎--微信小程序
 


 
 WeApp  基于微信小程序开发的仿微信demo
 


 
 SmallApp  微信小程序
 


 
 wechat-v2ex 微信小程序-v2ex
 


 
 weipiao 微信小程序-微票
 


 
 DouBanBookApp   微信小程序之小豆瓣图书
 


 
 wxapp-calc 一个简单的微信小程序-简易计算器
 


 
 weapp-wechat-zhihu   模仿知乎的小程序
 


 
 wx-movies-demo   小程序--影讯
 


 
 caiquan  微信小应用，猜拳小游戏
 


 
 hayeah-wxapp-Breakfast  小林早厨微信小程序
 


 
 AppleMusic  微信小程序，仿Apple Music
 


 
 cnode_wechat-webapp 用cnode社区api做的微信小应用
 


 
 shoppingcar 一个点餐、购物的购物车效果
 


 
 wechat-weapp-mall 微信小程序实现移动端商城
 


 
 SmallAppForQQ  高仿手机QQ应用程序
 


 
 zhihudaily  微信小程序-知乎日报
 


 
 wechat-weapp-gank 微信小程序-干货投稿应用
 


 
 TeamToy  调用TeamToy API 的微信小程序 Demo
 


 
 douban 微信小程序（应用号）示例教程（豆瓣电影）

微信小程序的开发现在是越来越火，先不说个人开发爱好者自己开发的小程序，就说软件市场，以微信小程序开发为生的软件企业来说，小程序的开发业务非常火爆，但是小程序开发市场鱼龙混杂，作为初创型的微小企业来说，最好还是自己开发自己的小程序比较好，不到万不得已不要找外包做，因为小程序开发的外包投入是远远大于自己开发的投入的，但是话也不能说太绝对，还是根据自身实际情况来选择吧。
         微信小程序是一种不需要下载安装即可使用的应用，它是基于微信平台，实现了应用“触手可及”，用户扫一扫或者搜一下即可打开应用，不占手机内存，方便使用，越来越普及，在不久的将来将会取代传统的原生APP的地位。
         本篇博文就来分享一下比较基础的一个知识点，要想自己开发微信小程序，首先要搭建微信小程序开发环境，新建项目，然后进行编码等操作，那么接下来就来分享一下微信小程序的开发环境搭建，以及新建项目的过程，分享给有需要的人。
         一、搭建微信小程序开发环境
         这里举例按照Mac电脑下的微信小程序开发环境搭建，Windows的搭建过程不再介绍，有需求的请到微信小程序官网了解。
        1、首先去微信开放文档·小程序的官方文档，找到开发—>工具—>下载，找到微信小程序开发工具下载位置，根据实际需求选择开发工具的下载安装，这里的例子按照稳定版 Stable Build(1.02.1911180)下面的macOS进行下载安装的；
 

【微信小程序最小系统】搭建操作步骤：
 
 
新建一个微信小程序项目，但是注意【在当前目录中创建quick start项目】前的单选框不打钩，如下图
 

 
 
 
 
 
新建如下图的四个文件
 

 
 
 
 
 
打开【app.js】文件，注册小程序，添加如下图代码
 

 
 
 
 
 
打开【index.js】文件，注册页面，添加如下图代码
 

 
 
 
 
 
打开【app.json】文件，配置小程序页面路径和窗口表现，添加如下图代码
 

 
 
 
 
 
这个时候，我们可以发现开发工具不再发出错误提示，同时我们的小程序界面也出现了小程序的导航标题
 

 
 
 
 
 
修改页面导航标题
 

 
 
 
 
 

 
 
 
 
 
打开【index.wxml】文件，添加布局页面代码，如下图，这时我们可以看到小程序界面出现【您好，我是初始页面！】文字
 

 
 
 
 
 
本次教程结束，试一试，你也可以的哦！
提示：如果修改代码后页面没有变化，那么可能是在修改文件代码后忘记保存，同时按住【Ctrl+S】键保存文件。
 

 在创建微信小程序项目过程中有遇到任何问题或者不明白的地方，可以添加我的微信进行咨询，感谢支持！微信号：FutureJet