史詩手冊！微信小程式新手自學入門寶典！你想要的都在這裡

一、小程式官方指南

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