随着小程序开发的日益深广,越来越多的业务需求把小程序提上日程,小程序的学习和开发逐渐成为前端开发者必备的技能和核心竞争力,不管是在工作中开发项目,还是储备知识,小程序资源干货总是备受瞩目。

官方指南

  • 官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461

  • 简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599

  • 设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html

  • 微信小程序公测接入指南:http://www.wxapp-union.com/portal.php?mod=view&aid=259

  • w3c:https://www.w3cschool.cn/weixinapp/

实例

  • 微信小程序支付文档:https://pay.weixin.qq.com/wiki/d ... pi.php?chapter=3_1#
  • 新手入门宝典:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1989

视频教学

  • 免费视频:http://www.wxapp-union.com/forum.php?mod=forumdisplay&fid=37&filter=typeid&typeid=7

  • 价值499元的极客微信小程序完整视频:共计50个视频:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1128&extra=page%3D1%26filter%3Dtypeid%26typeid%3D7

项目实战

  • 实战宝典:http://www.wxapp-union.com/special/solution.html

  • 从注册到上线系列:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4375

理论教程

  • w3c:https://www.w3cschool.cn/weixinapp/tcga1qcz.html

  • 菜鸟教程:http://www.runoob.com/w3cnote/wx-xcx-repo.html

代码效果展示(来源:小程序社区)

  • 微信小程序特殊效果合集第一期:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4727

  • 微信小程序特殊效果合集第二期:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4811

  • 微信小程序优秀教程及文章合集第一期:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4742

  • 微信小程序导航:官方文档+精品教程+demo集合:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=30&highlight=%E5%AF%BC%E8%88%AA

  • 微信小程序导航:官方文档+精品教程+demo集合:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7428&highlight=%E4%B8%83%E6%9C%88

  • 微信小程序导航:官方文档+精品教程+demo集合:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=8396&page=1&extra=#pid58689

工具

  • WePY 一个支持组件化的小程序开发框架:https://github.com/Tencent/wepy
  • 微信小程序配置及目录在线生成工具
  • Egret Wing 3.2.x 支持微信小程序实时预览的 IDE)
  • Labrador 支持 ES6/7 的微信小程序组件化开发框架
  • WEPT 一个微信小程序实时运行环境
  • wxml-parser JavaScript WXML parser 以及在线页面demo
  • Px 转 Rpx 在线工具
  • 微信小程序云端增强 SDK XpmJS
  • 4kb 模块化开发工具 将模块化的属性和方法映射成小程序页面
  • gulp-wxa-copy-npm 插件 能够使用 ES6/7 和 NPM 库
  • wechat_web_devtools Linux 下微信开发者工具
  • WeApp-Workflow 基于 Gulp 的微信小程序前端开发工作流
  • 小程序助手 轻松实现小程序互转
  • weact 用 JSX 快速开发小程序
  • Tina.js - 一款轻巧的渐进式微信小程序框架
  • Mpvue - 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系

插件

  • vim 插件(chemzqm/wxapp.vim)
  • sublime text 2&3 snippet(Abbotton/weapp-snippet-for-sublime-text-2-3)
  • IntelliJ IDEA 插件,注入方法
  • webstorm 插件(代码提示)
  • sublime plugin - wxapp
  • vscode 插件(代码提示)

大牛博客:

  • 一斤代码:https://www.jianshu.com/u/d0dea96b2432

  • 秦子恒微信课堂:http://blog.csdn.net/towtotow

  • 干货:如何入门微信小程序开发,有哪些学习资料?:https://www.zhihu.com/question/50907897

  • 参考链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7428&highlight=%E4%B8%83%E6%9C%88

您可能感兴趣的文章:

  • 微信小程序本地缓存数据增删改查实例详解
  • 微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
  • 微信小程序之数据缓存的实例详解
  • 微信小程序实现缓存根据不同的id来进行设置和读取缓存
  • 微信小程序开发之数据存储 参数传递 数据缓存
  • 微信小程序-详解数据缓存
  • 微信小程序小组件 基于Canvas实现直播点赞气泡效果
  • 微信小程序 向左滑动删除功能的实现
  • 微信小程序自定义导航隐藏和显示功能
  • 微信小程序 五星评价功能的实现
  • 微信小程序 弹幕功能简单实例
  • 微信小程序基于本地缓存实现点赞功能的方法

自荐:

微信小程序从零开始开发步骤(一)搭建开发环境https://www.jianshu.com/p/0ff8c3b2f59f
微信小程序从零开始开发步骤(二)创建小程序页面:https://www.jianshu.com/p/fe0db14e2869
微信小程序从零开始开发步骤(三)底部导航栏:https://www.jianshu.com/p/89a63dc99839
微信小程序从零开始开发步骤(四)自定义分享的功能:https://www.jianshu.com/p/65d9bdb8051d
微信小程序从零开始开发步骤(五)轮播图:https://www.jianshu.com/p/bc3261557031
微信小程序从零开始开发步骤(六)4种页面跳转的方法:https://www.jianshu.com/p/01a5a6a0fdb9

注:

原文作者:祈澈姑娘技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。

公众号回复“1”,拉你进程序员技术讨论群.

【福利】小程序开发资源干货汇总相关推荐

  1. 标星 2.7w+ 堪称史上最全的微信小程序开发资源汇总

    [公众号回复 "1024",免费领取程序员赚钱实操经验] 2017 年 1 月,微信小程序一夜成名. 微信小程序成名后,各大厂开始效仿,相继出现了支付宝.百度.今日头条.QQ.抖音 ...

  2. 呕心沥血三天三夜整理出2021最新最全微信小程序开发资源汇总

    前言: 本文收集了微信小程序开发过程中会使用到的资料.问题以及第三方组件库.本文不是一篇关于如何学习微信小程序的入门指南,也非参考手册,只是一些资料的整理. 置顶 WePY:组件化的小程序开发框架 

  3. 微信小程序开发完工+问题汇总

    前言 经过将近一个多月的开发,我们团队开发的微信小程序 "出发吧一起" 终于开发完成,现在的线上版本为 2.2.4-beta 版 本文档主要介绍该小程序在开发中所用到的技术,已经在 ...

  4. mpvue 小程序开发爬坑汇总

    <!-- 小程序的爬坑记录 --> 1 微信小程序之动态获取元素宽高 var obj=wx.createSelectorQuery(); 2 微信小程序图片自适应 <image cl ...

  5. 小程序开发填坑汇总贴

    http://bbs.xcxcoder.com/thread-2903-1-1.html

  6. 小程序开发教程、小程序资讯、小程序demo、小程序实战等合揖(7月19日更新)

    7月19日微信小程序联盟更新的小程序开发教程.小程序资讯.小程序demo.小程序实战内容合揖如下: 小程序资讯与小程序教程 一张图带你看懂小程序发展蓝皮书 2017-07-19 微信小程序开发问答&l ...

  7. 小程序开发教程、小程序资讯、小程序demo、小程序实战等合揖(7月19日更新)...

    2019独角兽企业重金招聘Python工程师标准>>> 7月19日微信小程序联盟更新的小程序开发教程.小程序资讯.小程序demo.小程序实战内容合揖如下: #小程序资讯与小程序教程 ...

  8. 「小程序」开发 指南(里面是小程序开发的各种论坛和文档)

    之前研究小程序,看到了一篇小程序的开发帖子,在这分享给大家. 什么是微信小程序? 微信之父张小龙是这样描述小程序的: 小程序是一个不需要下载安装就可使用的应用,它实现了应用触手可及的梦想,用户扫一扫或 ...

  9. 经验总结--我的小程序开发和进化之路

    前言 从接触小程序开始,到现在大大小小做了差不多有五六个小程序项目了,小项目的只有几个页面,大的项目有几十个页面.此篇文章是对之前项目的一个总结,项目的脚手架,开发框架和后期的优化是一个逐渐进化完善的 ...

  10. 分享几个小程序开发的小案例

    腾讯团队官方的教程demo,对于云开发不太了解的可以在熟悉云开发文档之后学习下demo代码 https://github.com/TencentCloudBase/mp-book https://gi ...

最新文章

  1. PHP函数学习nl2br(),strlen(),mb_strlen()
  2. 英文金曲大赛_JAVA
  3. lin总线可以控制几个节点_汽车上除了CAN通讯还有另外一种总线你需要知道
  4. android wear评测,android wear5.1怎么样 android wear5.1更新评测
  5. 更新和插入的并发问题_mysql经典面试题:如何读写分离?主从原理是啥?同步的延时问题...
  6. 今后最有前途的媒体格式 MXF
  7. 浙江嘉兴“网事”再添国字招牌 领跑城市智慧转型
  8. MATLAB中的均值与方差求法(mean,var,std函数使用)
  9. CH32V103C8T6入门指导
  10. OpenStack--炼数成金
  11. 【计算机史】早期人类的重要计算工具科普
  12. Scrm营销如何自动化打标签
  13. 如何利用番茄工作法提高学习和工作的效率
  14. 《态度》:年轻人的成长启迪之书
  15. 数模(02)---多属性决策模型
  16. 一个字都没写,也能发Nature子刊?
  17. SVN文件夹里面的文件没有绿色勾号
  18. 基于java+springmvc+mybatis+vue+mysql的停车位短租系统
  19. 项目二 任务三:使用vim编辑器配置网络
  20. extjs 方法执行顺序_透析Extjs的Ext.js源码(二)能在定义时就能执行的方法的写法 function(){...}...

热门文章

  1. 截取邮箱后缀名,拼接访问邮箱地址
  2. 树型选择器/Browsing HDFS筛选文件类型
  3. caffe源码学习:Blobs
  4. android 车牌键盘输入法,支持新能源,警车,军车,领事馆车,特种车辆(源代码)
  5. 实验五:Telemetry静态订阅实验
  6. foxmail 163企业邮箱配置
  7. 关于抢红包的_酷乐研究所 | 过年净抢红包了?我们准备了50种新玩法
  8. vue接口总是请求超时_解决在vue中axios请求超时的问题
  9. Order Siblings by 排序
  10. 卷积操作中的group