史詩手冊！微信小程序新手自學入門寶典！

1、小程序官方指南   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       2、如何自學小程序     一、瞭解基礎知識先！去網上搜搜看什麼是CSS，HTML，JS； CSS+HMTL+JS入門乾貨分享 連接: https://pan.baidu.com/s/1i5I76kd 密碼: 6r42   二、讀讀上面提供的官方文檔，看看都能幹什麼； 微信小程序官方文檔知識解讀，推薦新手仔細閱讀 http://www.moquu.com/v/1427.html 微信小程序認知、安裝與demo學習摘要 http://www.moquu.com/v/426.html   三、下降預期，不要一開始就想作出多牛逼的，就從靜態頁面開始； 初識微信小程序：結構概覽，app.js 解析 http://www.moquu.com/v/414.html 微信小程序開發及發佈實踐 http://www.moquu.com/v/425.html   四、寫代碼跟作設計同樣，模仿纔是王道！下載人家的demo，看看怎麼寫的，修改修改，找到思惟邏輯，就會一步步往前走了！ 500款小程序案例源碼下載 http://www.moquu.com/m3   五、不懂就問，新手入門的知識點！基本網上都搜的到答案！自學的話，就不要想着太依賴他人！     3、開發前必讀     微信小程序政策雖不容許我的開發！其實也能夠經過方法，申請到開發權限，只是否是能發佈而已！有了開發權限，對於只是自學仍是夠了！   我的無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     4、開發工具說明     開發工具界面說明   配置信息：用於解決在後臺配置域名未生效的問題； 預覽：真機預覽 上傳：管理員上傳至後臺，設置體驗及審覈版本使用； 開發環境不校驗：爲了讓開發環境中使用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: 打開或者隱藏模擬器   5、小程序開發詳解     一、開發準備，開發工具使用簡介，工程目錄結構  http://www.moquu.com/v/1537.html 二、開發組件使用初步，配置  http://www.moquu.com/v/1538.html 三、APP生命週期  http://www.moquu.com/v/1539.html 四、頁面生命週期和參數傳遞  http://www.moquu.com/v/1540.html 五、佈局基礎 程序員實戰系列  http://www.moquu.com/v/1541.html   六、零基礎小程序開發系列《一》理論篇 http://www.moquu.com/v/1405.html 七、程序員開發實戰系列《二》微信小程序架構篇 http://www.moquu.com/v/1554.html 八、程序員開發實戰系列《三》App()和Page() http://www.moquu.com/v/711.html 九、視圖層WXML綁定數據、模板、邏輯 http://www.moquu.com/v/722.html 十、實戰視圖層WXML：事件 http://www.moquu.com/v/723.html   十一、學習記錄《一》：目錄結構介紹，開發工具菜單介紹 http://www.moquu.com/v/735.html 十二、學習記錄《二》：系統配置app.json，程序和頁面註冊 http://www.moquu.com/v/737.html 1三、學習記錄《三》：視圖容器 http://www.moquu.com/v/745.html 1四、微信小程序開發（一）開始 http://www.moquu.com/v/1543.html 1五、現學現賣微信小程序開發（二） http://www.moquu.com/v/1544.html   1六、現學現賣微信小程序開發（三）：引入「Rx」 http://www.moquu.com/v/1545.html 1七、現學現賣的一個「快遞查詢「的小程序開發 http://www.moquu.com/v/1553.html 1八、微信小程序登陸與支付簡要流程 http://www.moquu.com/v/1412.html 19從零入門系列《二》手動建立目錄結構 http://www.moquu.com/v/1039.html 20、微信小程序開發—快速掌握組件及API的方法 http://www.moquu.com/v/1001.html   6、新手跳坑指南     新手跳坑指南《一》：真機上預覽，背景圖無效 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     7、小程序圖書乾貨     一、免費在線的小程序培訓課程大全 http://www.moquu.com/v/1636.html 二、微信小程序設計規範PDF版 http://www.moquu.com/v/1635.html 三、node及js類書籍分享（130本） http://www.moquu.com/v/1634.html 四、微信小程序框架腦圖全解，一眼看清框架構造，學習必備 http://www.moquu.com/v/1633.html 五、微信小程序開發手冊PDF http://www.moquu.com/v/1626.html   六、小程序自定義組件實戰 http://www.moquu.com/v/1632.html 七、野狗與微信小程序 http://www.moquu.com/v/1631.html 八、小程序入門指南 http://www.moquu.com/v/1630.html 九、從HTML5到微信小程序 http://www.moquu.com/v/1629.html 十、oschina源創會大會分享PPT下載 http://www.moquu.com/v/1628.html   十一、微信小程序官方設計指南及建議PDF版 http://www.moquu.com/v/1627.html 十二、微信小程序設計控件庫源文件 http://www.moquu.com/v/303.html     8、小程序必備插件     一、一個微信小程序模版程序框架 http://www.moquu.com/v/1647.html 二、微信小程序經典APP按鈕指示器框架 http://www.moquu.com/v/1646.html 三、微信小程序模塊化開發框架labrador http://www.moquu.com/v/1645.html 四、野狗SDK(微信微信小程序版) http://www.moquu.com/v/1644.html 五、一個爲微信小程序開發準備的基礎骨架 http://www.moquu.com/v/1643.html   六、處理微信小程序會話 http://www.moquu.com/v/1642.html 七、微信小程序雲端加強 SDK http://www.moquu.com/v/1641.html 八、微信小程序集成redux，提供快捷的開發環境 http://www.moquu.com/v/1640.html 九、一個開放的、運行微信小程序的Web MINA框架 http://www.moquu.com/v/1639.html 十、微信小程序Canvas加強組件 http://www.moquu.com/v/1638.html   十一、微信小程序-簡易框架 http://www.moquu.com/v/1637.html 十二、可視化小程序UI設計工具layout http://www.moquu.com/v/673.html 1三、微信小程序後臺內容管理程序laravelPCMS http://www.moquu.com/v/447.html 1四、小程序腳手架及html編譯工具 http://www.moquu.com/v/446.html