微信小程序从入门到精通:最全的资源列表(1)

发布时间:2018-06-07 09:27:46编辑:丝画阁阅读(324)

PART 1:官方文档合集

1、官方工具:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714

2、简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/

3、设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html;在这里查看如何符合设计标准,仅供参考,非强制性;

4、运营规范:https://mp.weixin.qq.com/debug/wxadoc/product/index.html;在这里查看禁止事项;

5:接入指南:https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html

6、支付文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1

7、客服消息:https://mp.weixin.qq.com/debug/wxadoc/introduction/custom.html?t=20161221

8、特殊行业所需资质材料:https://mp.weixin.qq.com/debug/wxadoc/product/material.html?t=201714

9、数据分析:https://mp.weixin.qq.com/debug/wxadoc/analysis/index.html?t=201714

PART 2:程序员实战系列

1、程序员开发实战系列《一》注册、预览小程序

http://www.wxapp-union.com/portal.php?mod=view&aid=739

2、程序员开发实战系列《二》微信小程序架构篇 http://www.wxapp-union.com/portal.php?mod=view&aid=465

3、程序员开发实战系列《三》App()和Page() http://www.wxapp-union.com/portal.php?mod=view&aid=466

4、程序员开发实战系列《四》视图层WXML绑定数据、模板、逻辑

http://www.wxapp-union.com/portal.php?mod=view&aid=478

5、程序员开发实战系列《五》视图层WXML:事件http://www.wxapp-union.com/portal.php?mod=view&aid=479

6、一名Android开发者的微信小程序填坑之路

https://blog.csdn.net/luoyanglizi/article/details/52681245

7、吐槽小程序开发踩过的坑,以及一些解决方法

https://www.jianshu.com/p/6359500b5576

8、微信小程序常见问题集合

http://www.wxapp-union.com/thread-23-1-1.html

PART 3:微信小程序教学视频系列

1、小程序-常用场景-纵向列表.mp4

https://pan.baidu.com/s/1c2FAOW4

2、小程序-常用场景-横向列表.mp4

https://pan.baidu.com/s/1o8Hsyb4

3、小程序-常用场景-分类列表

https://pan.baidu.com/s/1tl7AufuUpH3j7dKPuL37nw

4、小程序-常用场景——搜索&筛选

https://pan.baidu.com/s/1BCcZYkN278loQtO0h7xRLw

5、小程序-常用场景——嵌套列表

https://pan.baidu.com/s/1o8qoFpC

6、小程序-常用场景——打开页面

https://pan.baidu.com/s/1UsrFXgV1P923e-i4Yk9G_g

7、小程序-常用场景——显示隐藏

https://pan.baidu.com/s/1pLiLmDt

8、小程序-常用场景——显示倒计时

https://pan.baidu.com/s/1tcfaeXSESlPX0gCEcAUSkg

9、小程序-常用场景——数据编辑

https://pan.baidu.com/s/1q-O5t2_zrQY0jkaizMb8Gg

10、小程序-常用场景——显示幻灯片

https://pan.baidu.com/s/1geHrinh

11、小程序-常用场景——显示角标

https://pan.baidu.com/s/1slQGzcL

12、小程序-常用场景——调查问卷

https://pan.baidu.com/s/1mhJiIGK

13、小程序-常用场景——显示对话框

https://pan.baidu.com/s/1oxYnGhHKvMwKYK-fvlf_uA

14、小程序-常用场景--多页切换

https://pan.baidu.com/s/1WSKere-yXCdwQE1YBeKxag

15、小程序-常用场景--服务的开发和调用

https://pan.baidu.com/s/1UxFBIzPmdCLisIRYItmI3A

PART 4:微信小程序UI组件

1、同微信原生视觉体验一致的基础样式库

https://github.com/Tencent/weui-wxss

2、针对微信小程序整合的一套UI库

https://github.com/liujians/Wa-UI

3、微信小程序图表工具

https://github.com/xiaolin3303/wx-charts

4、微信小程序Markdown渲染库

https://github.com/TooBug/wemark

5、微信小程序Canvas增强组件

https://github.com/guyoung/WeZRender

6、仿照微信小程序提供的showToast功能

https://github.com/kiinlam/wetoast

7、微信小程序图表charts组件

https://github.com/hawx1993/wxapp-charts

8、列表的上拉刷新和上拉加载

https://github.com/lidong1665/WeiXinProject

9、微信小程序城市选择器

https://github.com/chenjinxinlove/citySelect

PART 5:微信小程序DEMO系列

1、微信小程序Demo:蒙台梭利幼教

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7130

2、微信小程序Demo:一个时间管理的微信小程序

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7127

3、基于Bmob开发问答小程序Demo实录

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7125

4、微信小程序Demo:Instagram 图片下载

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7122

5、小程序-城市三级联动http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7119

6、微信小程序Demo:小小梦工场(阅读+记事)

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7074

7、微信小程序Demo:卷皮商城小程序实践

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7070

8、微信小程序Demo: showModal 自定义

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7069

9、微信小程序Demo:查询类(炉石卡牌、主流快递)

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7016

10、微信小程序Demo:日程记录小程序

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7014

11、微信小程序Demo:课表选课小程序

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7012

12、微信小程序Demo:学习类小程序demo

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7010

13、微信小程序Demo:Jar小程序(github search, 自定义tag,dribbble...

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7007

14、微信小程序Demo:民情热线小程序

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=6971

15、微信小程序Demo:基于Bmob开发问答小程序Demo

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=6968

16、微信小程序Demo:班夫旅游小程序

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=6700

17、微信小程序Demo:体质指数计算器

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=6699

18、微信小程序Demo:兵马俑小程序(旅游景点类)

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=6647

19、微信小程序Demo:喜乐茶铺(商城类小程序源码)

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=6645

20、微信小程序Demo:TealMusic音乐播放器

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=6643

21、微信小程序Demo:SIMUI-高颜值的小程序UI库

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=6642

22、微信小程序Demo:Hacker News(黑客新闻)

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=6641

23、【福利】微信小程序130个精选Demo合集

https://blog.csdn.net/qq_36538012/article/details/79805591

24、仿豆瓣电影微信小程序

https://github.com/zce/weapp-demo

25、Gank微信小程序

https://github.com/lypeer/wechat-weapp-gank

26、微信小程序高仿QQ应用

https://github.com/xiehui999/SmallAppForQQ

27、微信小程序移动端商城

https://github.com/liuxuanqiang/wechat-weapp-mall

28、微信小程序demo 仿手机淘宝

https://github.com/ChangQing666/wechat-weapp-taobao

29、使用微信小程序实现分答这款APP的基础功能

https://github.com/davedavehong/fenda-mock

PART 6:微信小程序第三方开发工具篇

1、即速应用http://www.jisuapp.cn

即速应用是起步较早、使用量较多、比较成熟的平台。大概是比较有钱,所以到处都能看到他们的广告,有时候我在百度中输入和小程序不相关的词,也会弹出即速应用的广告。

在即速应用这个平台上画界面很容易,可以不怎么需要代码的功底。从组件界面来看,给用户的选择还是蛮多,但是模板比较固化,不能做太多修改定制。有些组件是VIP和SVIP级别的用户才能使用,也就是要收费。

最遗憾的是,使用即速应用开发,用户就失去了选择服务器的自由,只能使用极速官方绑定的服务器,更不能导出私有部署,实在是有些小家子气。

2、牛刀http://www.newdao.com

牛刀是小程序制作的后起之秀。页面可以直接拖拽,组件的丰富性也不逊色于即速应用,还可以通过写代码或者画流程的方法进行开发。

在牛刀里面,可以开启IDE功能,直接进行所有操作,包括前端和后端,如果有一些基础的代码知识,发挥的空间就更大了。

另外牛刀提供一站式制作服务,从开发到部署都有相应的解决方案,非常贴心。值得表扬的是,你可以把自己的项目部署在牛刀云里,也可以导出代码,进行私有化部署。

3、上线了http://www.sxl.cn

用上线了制作小程序,真是让人又爱又恨。好处是模板样式很精美,缺点是目前只支持电商、点餐、酒店预订、文章、服务预订、展示等六个类别,每一个类别都提供一定数量的模板供用户选择,用户可以任意修改模板内容、风格,但是不同类型之间无法切换,这有点小讨厌。

像电商、点餐、酒店预订这些3480元/年,展示类的模板980元/年;唯一免费的是文章类模板,但是使用免费模板的话,在小程序中会强制露出上线了的品牌。

4、微盟http://www.weimob.com

微盟的整个业务中心是面向商家的,对商家提供了比较友好的服务。尤其是对希望转型或深耕电商的传统企业,会有比较好的吸引力。比如说微盟的微商城,提出了小程序和公众号打通的技术解决方案,并辅以拼团、砍价、限时折扣、支付推广等多种促销工具。

微盟有明确的产品对象,就是要服务商家的,只要照顾好自己的目标群体,就能赚得盆满钵溢。所以这个工具对于比较看重平台开发/制作能力的用户来说,反而用武之地比较少。

5、叮当应用http://www.dingdone.com

叮当自称拥有“像素级自定义能力,包括数据表结构、界面样式、交互逻辑在内均可根据自己的业务实现”,适合业务流程明确,具备一定研发能力基础的用户使用。

就组件的丰富性而言,叮当小程序已经做的非常优秀了。可以说,叮当小程序是所有前端设计中最优雅的,很多组件的视觉效果都非常舒服。如果说美中不足,那就是对组件的使用、内容的修改、页面的交互等问题,架构逻辑上有点生硬,不利于用户掌握。要想玩转这个工具,需要很大的耐心先入门。

另外,叮当小程序开发平台支持新增数据表和服务,不过这些需要先开通付费功能。

6、应用公园http://www.weimoapp.com

应用公园算是app制作里比较知名的,但是很多人不知道应用公园也推出了专属的小程序制作工具,名字为微墨小程序。从我的体验来看,界面不算友好,功能也不够完善。开始我甚至误会,平台必须要我先绑定小程序ID才能开始使用——出现这样的情况,固然和我的笨拙有关,但是产品设计不够清晰也难辞其咎。

进入制作中心后,会自动生成一个用户中心的页面。看上去他和微盟一样,是准备以线下商家为主要用户的,用户自行制作、搭建的余地有限,对制作者和开发团队的使用需求,基本没有考虑到。往好的方面想,这个产品还有很大的提升空间!

7、凡科http://qz.fkw.com

凡科旗下的小程序制作平台叫凡科轻站。轻站界面比较小清新,感觉还是不错的,但是页面显示的内容,几乎都是写死的静态页面,涉及数据库表单和服务等功能,就没法在基础版实现了,因此比较适合做一些轻量化的形象展示小程序。

另外,基础版提供的模板较少,必须购买高级服务后才能开放更多模板。

关键字