美文网首页@IT·互联网iOS入的那些坑
微信小程序从入门到精通:最全的资源列表(持续更新中)

微信小程序从入门到精通:最全的资源列表(持续更新中)

作者: 意公子的字 | 来源:发表于2018-06-20 18:04 被阅读163次

    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

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

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

    相关文章

      网友评论

      本文标题:微信小程序从入门到精通:最全的资源列表(持续更新中)

      本文链接:https://www.haomeiwen.com/subject/tohwittx.html