史诗手册！微信小程序新手自学入门宝典！

一、小程序官方指南

1：官方开发工具下载：

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714

0.12.1304Win版：https://pan.baidu.com/s/1miNleBY

0.12.1304Mac版：https://pan.baidu.com/s/1qYNIQZy

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

二、如何自学小程序

1、了解基础知识先！去网上搜搜看什么是CSS，HTML，JS；

CSS+HMTL+JS入门干货分享

链接: https://pan.baidu.com/s/1i5I76kd 密码: 6r42

2、读读上面提供的官方文档，看看都能干什么；

微信小程序官方文档知识解读，推荐新手仔细阅读

http://www.moquu.com/v/1427.html

微信小程序认知、安装与demo学习摘要

http://www.moquu.com/v/426.html

3、降低预期，不要一开始就想做出多牛逼的，就从静态页面开始；

初识微信小程序：结构概览，app.js 解析

http://www.moquu.com/v/414.html

微信小程序开发及发布实践

http://www.moquu.com/v/425.html

4、写代码跟做设计一样，模仿才是王道！下载人家的demo，看看怎么写的，修改修改，找到思维逻辑，就会一步步往前走了！

500款小程序案例源码下载

http://www.moquu.com/m3

5、不懂就问，新手入门的知识点！基本网上都搜的到答案！自学的话，就不要想着太依赖他人！

三、开发前必读

微信小程序政策虽不允许个人开发！其实也可以通过方法，申请到开发权限，只是不是能发布而已！有了开发权限，对于只是自学还是够了！

个人无appid申请开发者权限，无限制账号申请方法

http://www.moquu.com/v/372.html

关于如何真机预览（手机测试）简易流程说明

http://www.moquu.com/v/1534.html

如何设置体验者/开发者/体验版本

http://www.moquu.com/v/1535.html

如果是企业的话！由于微信小程序需要https请求，需要准备

1：备案的域名：

2：受认可的证书https

3：如开发多个小程序，要申请多个开发者帐号！因为一个账号只能发布一个

https问题排查说明：

http://www.moquu.com/v/1528.html

需要使用微信支付功能，要先微信认证！认证方法：

https://mp.weixin.qq.com/debug/wxadoc/product/renzheng.html?t=201714

最新微信小程序服务范围！

http://www.moquu.com/v/1551.html

微信小程序服务类目审核不通过？解决方法...

http://www.moquu.com/v/1552.html

四、开发工具说明

开发工具界面说明

配置信息：用于解决在后台配置域名未生效的问题；

预览：真机预览

上传：管理员上传至后台，设置体验及审核版本使用；

开发环境不校验：为了让开发环境中使用appid时，不合规则的域名也可以正常使用（比如本地或IP地址及未配置的域名）

压缩代码：为了节约空间，小程序上限为1M：参考：http://www.moquu.com/v/1536.html

删除项目：删除相应的项目

代理：在这里可以设置代理，或取消代理；用于解决很多因代理而引发的问题；

选择无appid，即可在没有appid情况下进行开发，但是无法预览；

项目名称：随意填写

项目目录：1：如果你选择了一个demo导入，请选择app.json所在的根目录文件夹，请勿选择其上级文件夹，否则会报错：找不到app.json；2：如果你想新建一个项目，请先在电脑内新建一个空文件夹，选择空文件夹即可，假如你选择的不是空文件夹，可能无法看到新建quickstart项目；

快速生成项目目录技巧：在app.json内输入路径后保存，即可生成相应路径的完整文件目录，防止因js或json文件为空而引发的一系列报错

后台配置域名方法：

http://www.moquu.com/v/1532.html

必须配置域名后，才可以使用配置的域名，比如你需要请求XX地址的数据，必须在后台设置了域名之后，才可以真机请求数据； 必须https的域名才可以请求，如果出现https的问题，请查询排查：http://www.moquu.com/v/1528.html

开发工具快捷键说明

格式调整

Ctrl+S：保存文件（必须保存才可以看到效果）

Ctrl+[， Ctrl+]：代码行缩进

Ctrl+Shift+[， Ctrl+Shift+]：折叠打开代码块

Ctrl+C Ctrl+V：复制粘贴，如果没有选中任何文字则复制粘贴一行

Shift+Alt+F：代码格式化

Alt+Up，Alt+Down：上下移动一行

Shift+Alt+Up，Shift+Alt+Down：向上向下复制一行

Ctrl+Shift+Enter：在当前行上方插入一行

Ctrl+Shift+F：全局搜索

光标相关

Ctrl+End：移动到文件结尾

Ctrl+Home：移动到文件开头

Ctrl+i：选中当前行

Shift+End：选择从光标到行尾

Shift+Home：选择从行首到光标处

Ctrl+Shift+L：选中所有匹配

Ctrl+D：选中匹配

Ctrl+U：光标回退

界面相关

Ctrl + \\：隐藏侧边栏

Ctrl + m: 打开或者隐藏模拟器

五、小程序开发详解

1、开发准备，开发工具使用简介，工程目录结构

http://www.moquu.com/v/1537.html

2、开发组件使用初步，配置

http://www.moquu.com/v/1538.html

3、APP生命周期

http://www.moquu.com/v/1539.html

4、页面生命周期和参数传递

http://www.moquu.com/v/1540.html

5、布局基础 程序员实战系列

http://www.moquu.com/v/1541.html

6、零基础小程序开发系列《一》理论篇

http://www.moquu.com/v/1405.html

7、程序员开发实战系列《二》微信小程序架构篇

http://www.moquu.com/v/1554.html

8、程序员开发实战系列《三》App()和Page()

http://www.moquu.com/v/711.html

9、视图层WXML绑定数据、模板、逻辑

http://www.moquu.com/v/722.html

10、实战视图层WXML：事件

http://www.moquu.com/v/723.html

11、学习记录《一》：目录结构介绍，开发工具菜单介绍

http://www.moquu.com/v/735.html

12、学习记录《二》：系统配置app.json，程序和页面注册

http://www.moquu.com/v/737.html

13、学习记录《三》：视图容器

http://www.moquu.com/v/745.html

14、微信小程序开发（一）开始

http://www.moquu.com/v/1543.html

15、现学现卖微信小程序开发（二）

http://www.moquu.com/v/1544.html

16、现学现卖微信小程序开发（三）：引入“Rx”

http://www.moquu.com/v/1545.html

17、现学现卖的一个“快递查询“的小程序开发

http://www.moquu.com/v/1553.html

18、微信小程序登录与支付简要流程

http://www.moquu.com/v/1412.html

19从零入门系列《二》手动创建目录结构

http://www.moquu.com/v/1039.html

20、微信小程序开发—快速掌握组件及API的方法

http://www.moquu.com/v/1001.html

六、新手跳坑指南

新手跳坑指南《一》：真机上预览，背景图无效

http://www.moquu.com/v/502.html

新手跳坑指南《二》：app.json之pages路径重复错误

http://www.moquu.com/v/503.html

新手跳坑指南《三》：宽高设置百分比无效果

http://www.moquu.com/v/504.html

新人跳坑系列《四》官方文档BUG，tip及QA提示一览

http://www.moquu.com/v/1053.html

新手跳坑指南《五》：this与that：this.setData报错

http://www.moquu.com/v/506.html

新手跳坑系列《六》：找不到自己的相匹配手机预览页面

http://www.moquu.com/v/507.html

新手跳坑系列《七》tabBar不显示

http://www.moquu.com/v/508.html

新手跳坑系列《八》MAC版微信WEB开发者工具无法显示二维码

http://www.moquu.com/v/509.html

新手跳坑系列《九》：post请求

http://www.moquu.com/v/92.html

新手跳坑系列《十》修改配置域名后，不在以下合法域名列表内

http://www.moquu.com/v/91.html

新手跳坑指南《十一》require 和hidden不生效，@import无效

http://www.moquu.com/v/90.html

新手跳坑指南《十二》事件绑定调用多次

http://www.moquu.com/v/89.html

新手跳坑指南《十三》手机中浏览时显示空白页

http://www.moquu.com/v/88.html

新手跳坑指南《十四》真机预览限制大小1024K

http://www.moquu.com/v/87.html

新手跳坑指南《十五》view标签设置背景图片手机无法预览

http://www.moquu.com/v/86.html

新手跳坑系列《十六》没有配置路由，input，空格回车，中文

http://www.moquu.com/v/1576.html

新手跳坑系列《十七》Page route 错误

http://www.moquu.com/v/1577.html

新手跳坑指南《十八》wx.showToast消息显示框手机预览失败

http://www.moquu.com/v/1574.html

新人跳坑系列《十九》swiper无法保持宽高比

http://www.moquu.com/v/1572.html

新人跳坑系列《二十》文本溢出

http://www.moquu.com/v/1571.html

更多新手跳坑指南

http://www.moquu.com/t-1-1.html

七、小程序图书干货

1、免费在线的小程序培训课程大全

http://www.moquu.com/v/1636.html

2、微信小程序设计规范PDF版

http://www.moquu.com/v/1635.html

3、node及js类书籍分享（130本）

http://www.moquu.com/v/1634.html

4、微信小程序框架脑图全解，一眼看清框架构造，学习必备

http://www.moquu.com/v/1633.html

5、微信小程序开发手册PDF

http://www.moquu.com/v/1626.html

6、小程序自定义组件实战

http://www.moquu.com/v/1632.html

7、野狗与微信小程序

http://www.moquu.com/v/1631.html

8、小程序入门指南

http://www.moquu.com/v/1630.html

9、从HTML5到微信小程序

http://www.moquu.com/v/1629.html

10、oschina源创会大会分享PPT下载

http://www.moquu.com/v/1628.html

11、微信小程序官方设计指南及建议PDF版

http://www.moquu.com/v/1627.html

12、微信小程序设计控件库源文件

http://www.moquu.com/v/303.html

八、小程序必备插件

1、一个微信小程序模版程序框架

http://www.moquu.com/v/1647.html

2、微信小程序经典APP按钮指示器框架

http://www.moquu.com/v/1646.html

3、微信小程序模块化开发框架labrador

http://www.moquu.com/v/1645.html

4、野狗SDK(微信微信小程序版)

http://www.moquu.com/v/1644.html

5、一个为微信小程序开发准备的基础骨架

http://www.moquu.com/v/1643.html

6、处理微信小程序会话

http://www.moquu.com/v/1642.html

7、微信小程序云端增强 SDK

http://www.moquu.com/v/1641.html

8、微信小程序集成redux，提供快捷的开发环境

http://www.moquu.com/v/1640.html

9、一个开放的、运行微信小程序的Web MINA框架

http://www.moquu.com/v/1639.html

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

http://www.moquu.com/v/1638.html

11、微信小程序-简易框架

http://www.moquu.com/v/1637.html

12、可视化小程序UI设计工具layout

http://www.moquu.com/v/673.html

13、微信小程序后台内容管理程序laravelPCMS

http://www.moquu.com/v/447.html

14、小程序脚手架及html编译工具

http://www.moquu.com/v/446.html