摘要：為了方便大家了解并入門微信小程序，我將一些可能會需要的知識，列在這里，讓大家方便的從零開始學(xué)習(xí)一微信小程序的特點張小龍張小龍全面闡述小程序，推薦通讀此文小程序是一種不需要下載安裝即可使用的應(yīng)用，它出現(xiàn)了觸手可及的夢想，用戶掃一掃或者搜一下即

為了方便大家了解并入門微信小程序，我將一些可能會需要的知識，列在這里，讓大家方便的從零開始學(xué)習(xí)；

張小龍：張小龍全面闡述小程序，推薦通讀此文；

小程序是一種不需要下載、安裝即可使用的應(yīng)用，它出現(xiàn)了觸手可及的夢想，用戶掃一掃或者搜一下即開打開應(yīng)用，也出現(xiàn)了用完即走的理念，用戶不用關(guān)心安裝太多應(yīng)用的問題，應(yīng)用隨處可用，但又無須安裝卸載。我當(dāng)時是這樣來定義什么是小程序的。

1：無需下載：我們直接使用它，所以無須安裝是小程序最基礎(chǔ)的一個特性；
2：觸手可及：當(dāng)我們拿著智能手機接觸周邊的時候，我們可以通過手機直接獲得信息，就是周邊的信息；
3：用完即走：對于周邊要完成的任務(wù)來說我們需要的是用完即走；
4：無須卸載：小程序看起來是程序，但是它以完全不同于過去APP的形狀出現(xiàn)，它有更靈活的應(yīng)用組織形態(tài)；

1：官方工具：https://mp.weixin.qq.com/debu...
2：簡易教程：https://mp.weixin.qq.com/debu...
3：設(shè)計指南：https://mp.weixin.qq.com/debu...；在這里查看如何符合設(shè)計標(biāo)準(zhǔn)，僅供參考，非強制性；
4：運營規(guī)范：https://mp.weixin.qq.com/debu...；在這里查看禁止事項；
5：接入指南：https://mp.weixin.qq.com/debu...
6：支付文檔：https://pay.weixin.qq.com/wik...
7：客服消息：https://mp.weixin.qq.com/debu...
8：特殊行業(yè)所需資質(zhì)材料：https://mp.weixin.qq.com/debu...
9：數(shù)據(jù)分析：https://mp.weixin.qq.com/debu...

多看官方文檔，多看幾遍，遇到問題時再看，沒有問題時繼續(xù)看

@jsh5css ： 1、首先要通讀一遍官方文檔，看看都有哪些東西，都能干什么；
2、對感興趣的部分，把例子摳出來放到IDE上面運行一下，運行沒問題就自己折騰折騰例子
3、自己寫個demo，遇到困難當(dāng)然就來小程序聯(lián)盟啦，找找看有沒有類似的demo 4、每天進論壇看看有什么新帖子

@Somnus13 ： 我覺得基礎(chǔ)知識一定要過關(guān)！！！ 事件綁定 ajax請求 本地存儲之類 先搞清楚小程序之外是怎么實現(xiàn)的 遇到問題
看文檔，看不懂第二遍，再不行 啥時候看懂再開始做 如果你在群里發(fā)問沒人理你，不是大家都解決不了就是你問的問題別人根本不想理 百度，谷歌
，bing 別一直就放著，用起來 還有最重要的一點 不要眼高手低，人家的demo下載下來跑起來 然后看懂之后一定要自己嘗試寫一遍！
—————— 
正常思路啊 首先是靜態(tài)頁面數(shù)據(jù)展示 然后是頁面跳轉(zhuǎn) 然后就會考慮帶參數(shù)實現(xiàn)詳情頁面 然后。。。 找一個熟悉的邏輯 開始模仿
然后就會一步步往前走了

@xiaoyedeng ：多走彎路才能少走彎路

根據(jù)觀察，很多公司因為不了解小程序，而導(dǎo)致盲目跟進而盲目開發(fā)，無法有效利用小程序的特性，甚至白白浪費了開發(fā)周期；事前準(zhǔn)備：

微信小程序需要https請求，需要準(zhǔn)備 
1：備案的域名：由于備案需要一定的時間，所以請事先準(zhǔn)備 
2：受認(rèn)可的證書 https排查說明：
http://www.wxapp-union.com/fo...

1：必須通讀運營規(guī)范；有需要禁止開發(fā)的事項需要了解；比如直播，游戲，抽獎，排行榜等；
常見拒絕情形：https://mp.weixin.qq.com/debu...
2：在微信下禁止的一些規(guī)則，在微信小程序中同樣不能涉及；比如誘導(dǎo)分享；
3：暫未開放的類目，無法申請，詳情請在本站搜索“服務(wù)范圍”的文章查看最新服務(wù)類目 推薦閱讀：跳坑指南《七十》如何讓微信小程序服務(wù)類目審核通過
1月4號更新圖：

4：微信小程序的問答

1：小程序沒有入口，這和公眾號一樣。 
2：小程序沒有官方商店 
3：小程序不會有訂閱的關(guān)系 
4：很有限的通知能力，限制的非常嚴(yán)格
5：小程序不能分享到朋友圈，但是可以分享到聊天和群聊之中。 
6：小程序不能做游戲
7：用戶能搜索到小程序，但我們會極力限制搜索能力，避免被濫用。 
8：目前有提供的關(guān)聯(lián)是可以在公眾號中看到該企業(yè)還有哪些小程序，反之亦然。
9：會輕量提醒用戶附近有哪些小程序存在，比如附近哪一家店提供小程序。

5：目前能看到的入口

線下掃碼 ：用戶可以在小程序中使用掃一掃。 
對話分享 ：用戶可以分享小程序或其中的任何一個頁面給好友或群聊。 
消息通知：商戶可以發(fā)送模板消息給接受過服務(wù)的用戶，用戶可以在小程序內(nèi)聯(lián)系客服，支持文字和圖片。 
小程序切換：用戶可以在使用小程序的過程中快速返回聊天。 
歷史列表 ：用戶使用過的小程序會被放入列表，方便下次使用。 
公眾號關(guān)聯(lián) ：微信小程序可與公眾號進行關(guān)聯(lián)。 搜索查找 ：用戶可直接根據(jù)名稱或品牌搜索小程序。

6：遇到無法解決或難以理解的難題時，請在官方社區(qū)內(nèi)進行反饋：https://developers.weixin.qq.com

7：你必須通過微信認(rèn)證，才可以使用微信支付等功能：認(rèn)證指引：https://mp.weixin.qq.com/debu...

個人開發(fā)和學(xué)習(xí)的同學(xué)，最關(guān)心的是個人額能不能申請和發(fā)布，目前的答案是：不能發(fā)布，但是可以開發(fā)；
1：申請Appid：http://www.wxapp-union.com/fo...； 擁有appid后，即可開始真機預(yù)覽；本方法僅用于測試和研究，無法認(rèn)證和審核，請勿申請認(rèn)證；
2：如何真機預(yù)覽：http://www.wxapp-union.com/fo...
3：如何設(shè)置體驗者/開發(fā)者/體驗版本/：http://www.wxapp-union.com/fo...
4：快捷鍵列表：

格式調(diào)整

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

Ctrl+[， Ctrl+]：代碼行縮進

Ctrl+Shift+[， Ctrl+Shift+]：折疊打開代碼塊

Ctrl+C Ctrl+V：復(fù)制粘貼，如果沒有選中任何文字則復(fù)制粘貼一行

Shift+Alt+F：代碼格式化

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

Shift+Alt+Up，Shift+Alt+Down：向上向下復(fù)制一行

Ctrl+Shift+Enter：在當(dāng)前行上方插入一行

Ctrl+Shift+F：全局搜索


光標(biāo)相關(guān)

Ctrl+End：移動到文件結(jié)尾

Ctrl+Home：移動到文件開頭

Ctrl+i：選中當(dāng)前行

Shift+End：選擇從光標(biāo)到行尾

Shift+Home：選擇從行首到光標(biāo)處

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

Ctrl+D：選中匹配

Ctrl+U：光標(biāo)回退


界面相關(guān)

Ctrl + ：隱藏側(cè)邊欄

Ctrl + m: 打開或者隱藏模擬器

5：開發(fā)工具項目區(qū)簡介：

配置信息：用于解決在后臺配置域名未生效的問題； 
預(yù)覽：真機預(yù)覽 
上傳：管理員上傳至后臺，設(shè)置體驗及審核版本使用； 
開發(fā)環(huán)境不校驗：為了讓開發(fā)環(huán)境中使用appid時，不合規(guī)則的域名也可以正常使用（比如本地或IP地址及未配置的域名） 
壓縮代碼：為了節(jié)約空間，小程序上限為1M：參考： http://www.wxapp-union.com/po... 
刪除項目：刪除相應(yīng)的項目

代理：在這里可以設(shè)置代理，或取消代理；用于解決很多因代理而引發(fā)的問題；

選擇無appid，即可在沒有appid情況下進行開發(fā)，但是無法預(yù)覽；
項目名稱：隨意填寫
項目目錄：
1：如果你選擇了一個demo導(dǎo)入，請選擇app.json所在的根目錄文件夾，請勿選擇其上級文件夾，否則會報錯：找不到app.json；
2：如果你想新建一個項目，請先在電腦內(nèi)新建一個空文件夾，選擇空文件夾即可，假如你選擇的不是空文件夾，可能無法看到新建quickstart項目；

快速生成項目目錄技巧：在app.json內(nèi)輸入路徑后保存，即可生成相應(yīng)路徑的完整文件目錄，防止因js或json文件為空而引發(fā)的一系列報錯

6：后臺配置域名：http://www.wxapp-union.com/fo...；
必須配置域名后，才可以使用配置的域名，比如你需要請求XX地址的數(shù)據(jù)，必須在后臺設(shè)置了域名之后，才可以真機請求數(shù)據(jù)；
必須https的域名才可以請求，如果出現(xiàn)https的問題，請查詢排查：http://www.wxapp-union.com/fo...；

任選其一即可；

特別提示：微信小程序開發(fā)者工具版本及推出日期：

介紹目的：據(jù)此日期，可以避免自己受到老教程的誤導(dǎo)，請優(yōu)先閱讀/使用新日期的教程/demo；在教程中遇到困惑時，請對比官方教程，假如無法解決，請請教熟悉的同學(xué)或發(fā)帖求助；
1014版本：10月14日推出：
1028版本：10月28日推出：
1123版本：11月23日推出： 最新版本 0.11.112200 更新內(nèi)容詳情
1221版本：12月21日推出： -0.11.1221版本新增功能：客服消息使用指南 微信小程序0.11.122100 版本更新詳情 
微信小程序-0.11.1221版本新增細節(jié)點：掃碼接口，微信支付及分享的調(diào)試
1230測試版本：12月30日推出： 開發(fā)者工具測試版本下載：12月30日更新

以下系列僅供參考，有效期僅限于2017年1月期間，你可以在新手入門教程內(nèi)看到更多：http://www.wxapp-union.com/po...

開發(fā)詳解系列：

《一》開發(fā)準(zhǔn)備，開發(fā)工具使用簡介，工程目錄結(jié)構(gòu) ...

《二》開發(fā)組件使用初步，配置

《三》APP生命周期

《四》頁面生命周期和參數(shù)傳遞

《五》布局基礎(chǔ)

程序員實戰(zhàn)系列

程序員開發(fā)實戰(zhàn)系列《一》注冊、預(yù)覽小程序

程序員開發(fā)實戰(zhàn)系列《二》微信小程序架構(gòu)篇

程序員開發(fā)實戰(zhàn)系列《三》App()和Page()

程序員開發(fā)實戰(zhàn)系列《四》視圖層WXML綁定數(shù)據(jù)、模板、邏輯

程序員開發(fā)實戰(zhàn)系列《五》視圖層WXML：事件

學(xué)習(xí)記錄系列

微信小程序?qū)W習(xí)記錄《一》：目錄結(jié)構(gòu)介紹，開發(fā)工具菜單介紹

微信小程序?qū)W習(xí)記錄《二》：系統(tǒng)配置app.json，程序和頁面注冊.js

微信小程序?qū)W習(xí)記錄《三》：視圖容器

現(xiàn)學(xué)現(xiàn)賣系列

現(xiàn)學(xué)現(xiàn)賣微信小程序開發(fā)（二）

現(xiàn)學(xué)現(xiàn)賣微信小程序開發(fā)（一）開始

至此，你應(yīng)該會修改一些基本的屬性了，剩下的開始遇到問題，開始跳坑：以下是最新的坑十個：

跳坑《七十二》編譯.wxm文件錯誤，使用coolsite360報內(nèi)部錯誤

跳坑指南《七十一》微信小程序真機預(yù)覽跟本地不同的問題

跳坑指南《七十》如何讓微信小程序服務(wù)類目審核通過

跳坑六十九：uploadFile:fail Error: unable to verify the first certificate

跳坑《六十八》Cannot read property "webviewId" of undefined

新手跳坑指南《六十七》字體文件無法找到報404錯誤

新手跳坑指南《六十六》：路徑path坑；相對路徑與絕對路徑

跳坑《六十五》出現(xiàn)腳本錯誤或未正確調(diào)用Page（）

跳坑指南《六十四》小程序的登錄號注冊騰訊云問題

新手跳坑指南《六十三》wx.navigateTo 和 wx.redirectTo跳轉(zhuǎn)報錯

你可以在這里看到整個跳坑系列：http://www.wxapp-union.com/fo...

1：看文檔，尤其是版本更新后，可能文檔已經(jīng)更新，附上了你問題的說明；
2：群內(nèi)問，群是一個比較好的途徑，但是只能解決較為簡單的問題；
3：論壇搜索；你可以在本站或官方社區(qū)內(nèi)搜索相應(yīng)的關(guān)鍵詞，來查看是否有解決方案；你可以在這里查看搜索方法：http://www.wxapp-union.com/fo...
4：發(fā)帖詢問，在綜合交流區(qū)內(nèi)發(fā)帖詢問，并@幾個大神；5：常見錯誤及基本排除方法

1：ES6；使用es6可能導(dǎo)致安卓端真機調(diào)試時很多問題出現(xiàn)，還有其他未知問題；原因未知；
2：字母拼錯，包括字母拼寫錯誤，大小寫沒有注意；微信小程序中，有大量這樣的代碼示例，從中間冒出一個大寫，比如支付中的appId
3：官方文檔示例代碼有誤，有時官方文檔示例代碼也會出現(xiàn)問題，比如大小寫出錯，或者其他缺少參數(shù)等問題；
4：https，這個坑目前遇到的人最多，首先說明一下，工具的這個設(shè)置，

，這個設(shè)置有一些獨特的作用，讓你可以讓本地避開一些限制；但是這個設(shè)置對真機無效，所以假如存在https問題，是否勾選并影響；仍然需要按貼排查： http://www.wxapp-union.com/fo...
5：重啟/重裝工具大法：有時候編輯器會出現(xiàn)一些莫名其妙的BUG，比如昨天還是好的，今天打開各種問題等等，可以考慮重新編譯或多次重啟工具或重啟電腦；
6：前人經(jīng)驗：有很多人遇到了很多問題，你可以在版塊的問答分類下看看其他人遇到的問題及如此解決的；http://www.wxapp-union.com/fo...
7：無法登陸：參考 @M-信念 同學(xué)的建議：可以稍微等等；當(dāng)出現(xiàn)帳號登陸問題時，可以嘗試使用他人微信號，或是咨詢其他人是否也遇到了相同的情況，不要著急；
8：代理設(shè)置；代理設(shè)置應(yīng)該是一個隱藏比較深的坑，但是很多人被坑過，假如你的機器設(shè)置了代理，開發(fā)者工具可能會也跟著默認(rèn)帶來代理，然后會接踵而來很多登陸，空白等問題；

9：使用搜索；現(xiàn)在本站聚合了大量的微信小程序相關(guān)內(nèi)容，可以考慮使用本站的搜索，來獲取自己想找的東西或用于解決問題，搜索時，請使用主要關(guān)鍵詞，或相近關(guān)鍵詞進行搜索，而不要直接搜索一句話，比如你需要appid，你可以搜索“appid”，你遇到了登陸問題，應(yīng)該搜索“登陸”，真機預(yù)覽遇到了問題，可以搜索“真機”，遇到了上傳問題，可以搜索“uploadfile”
10：微信版本問題，伴隨微信的版本更新，不同的微信版本之間可能會出現(xiàn)不同的未知BUG；你可以在這里查看最新微信版本：weixin.qq.com

5：查詢官方問答：最新的官方問答系列：

官方問答精選《十三》異步改變dada的值，給對象動態(tài)賦值

官方問答精選《十二》wx.checkSession，服務(wù)號和小程序用戶...

官方問答精選《十一》后臺服務(wù)器配置https，獲取canvas的尺寸

官方問答精選《十》打通微信賬號和系統(tǒng)用戶賬號，SVG支持

官方問答精選《九》js如何獲取當(dāng)前組件的寬高，wx.openDocument

官方問答精選《八》wx.showToast()無效，分享功能真機沒有效果

官方問答精選《七》體驗者安卓卡在加載頁面進不去

官方問答精選《六》this.setData，動態(tài)改變navigationBarTitleText值

官方問答精選《五》圖片讀取失敗，picker-view 初始值設(shè)置...

官方問答精選《四》分享連接傳入的參數(shù)，用戶數(shù)據(jù)解密...

官方問答精選《三》版本更新特別版：編譯顯示自定義預(yù)覽

官方問答精選《二》Linux版，UnionId，蘋果手機組件參數(shù)問題

官方問答精選《一》提交審核時提供測試賬密碼