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

一：微信小程序的特點(diǎn)

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

小程序是一種不需要下載、安裝即可使用的應(yīng)用渺绒，它出現(xiàn)了觸手可及的夢(mèng)想贺喝，用戶掃一掃或者搜一下即開(kāi)打開(kāi)應(yīng)用，也出現(xiàn)了用完即走的理念芒篷，用戶不用關(guān)心安裝太多應(yīng)用的問(wèn)題搜变，應(yīng)用隨處可用，但又無(wú)須安裝卸載针炉。我當(dāng)時(shí)是這樣來(lái)定義什么是小程序的挠他。

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

二：微信小程序官方地址

1：官方工具：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714
2：簡(jiǎn)易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/
3：設(shè)計(jì)指南：https://mp.weixin.qq.com/debug/wxadoc/design/index.html固蛾；在這里查看如何符合設(shè)計(jì)標(biāo)準(zhǔn)，僅供參考度陆，非強(qiáng)制性艾凯；
4：運(yùn)營(yíng)規(guī)范：https://mp.weixin.qq.com/debug/wxadoc/product/index.html；在這里查看禁止事項(xiàng)懂傀；
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：特殊行業(yè)所需資質(zhì)材料：https://mp.weixin.qq.com/debug/wxadoc/product/material.html?t=201714
9：數(shù)據(jù)分析：https://mp.weixin.qq.com/debug/wxadoc/analysis/index.html?t=201714

三：如何學(xué)習(xí)微信小程序

多看官方文檔趾诗，多看幾遍，遇到問(wèn)題時(shí)再看蹬蚁，沒(méi)有問(wèn)題時(shí)繼續(xù)看恃泪；

@jsh5css ： 1、首先要通讀一遍官方文檔犀斋，看看都有哪些東西贝乎，都能干什么； 2闪水、對(duì)感興趣的部分糕非，把例子摳出來(lái)放到IDE上面運(yùn)行一下，運(yùn)行沒(méi)問(wèn)題就自己折騰折騰例子 3球榆、自己寫個(gè)demo朽肥，遇到困難當(dāng)然就來(lái)小程序聯(lián)盟啦，找找看有沒(méi)有類似的demo 4持钉、每天進(jìn)論壇看看有什么新帖子

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

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

四：公司開(kāi)發(fā)前必讀

根據(jù)觀察，很多公司因?yàn)椴涣私庑〕绦蚨澄睿鴮?dǎo)致盲目跟進(jìn)而盲目開(kāi)發(fā)苇羡，無(wú)法有效利用小程序的特性，甚至白白浪費(fèi)了開(kāi)發(fā)周期鼻弧；事前準(zhǔn)備：

微信小程序需要https請(qǐng)求设江，需要準(zhǔn)備
1：備案的域名：由于備案需要一定的時(shí)間，所以請(qǐng)事先準(zhǔn)備
2：受認(rèn)可的證書(shū)
https排查說(shuō)明： http://www.wxapp-union.com/forum.php?mod=viewthread&tid=648

1：必須通讀運(yùn)營(yíng)規(guī)范温数；有需要禁止開(kāi)發(fā)的事項(xiàng)需要了解绣硝；比如直播，游戲撑刺，抽獎(jiǎng)，排行榜等握玛；
常見(jiàn)拒絕情形：https://mp.weixin.qq.com/debug/wxadoc/product/reject.html?t=201714
2：在微信下禁止的一些規(guī)則够傍，在微信小程序中同樣不能涉及；比如誘導(dǎo)分享挠铲；
3：暫未開(kāi)放的類目冕屯，無(wú)法申請(qǐng)，詳情請(qǐng)?jiān)诒菊舅阉鳌胺?wù)范圍”的文章查看最新服務(wù)類目 推薦閱讀：跳坑指南《七十》如何讓微信小程序服務(wù)類目審核通過(guò) 1月4號(hào)更新圖：

4：微信小程序的問(wèn)答

1：小程序沒(méi)有入口拂苹，這和公眾號(hào)一樣安聘。
2：小程序沒(méi)有官方商店

3：小程序不會(huì)有訂閱的關(guān)系
4：很有限的通知能力，限制的非常嚴(yán)格
5：小程序不能分享到朋友圈瓢棒，但是可以分享到聊天和群聊之中浴韭。
6：小程序不能做游戲
7：用戶能搜索到小程序，但我們會(huì)極力限制搜索能力脯宿，避免被濫用念颈。
8：目前有提供的關(guān)聯(lián)是可以在公眾號(hào)中看到該企業(yè)還有哪些小程序，反之亦然连霉。
9：會(huì)輕量提醒用戶附近有哪些小程序存在榴芳，比如附近哪一家店提供小程序。

5：目前能看到的入口

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

6：遇到無(wú)法解決或難以理解的難題時(shí)紧索，請(qǐng)?jiān)诠俜缴鐓^(qū)內(nèi)進(jìn)行反饋：https://developers.weixin.qq.com

7：你必須通過(guò)微信認(rèn)證袁辈，才可以使用微信支付等功能：認(rèn)證指引：https://mp.weixin.qq.com/debug/wxadoc/product/renzheng.html?t=201714

五：個(gè)人開(kāi)發(fā)前必讀

個(gè)人開(kāi)發(fā)和學(xué)習(xí)的同學(xué)，最關(guān)心的是個(gè)人額能不能申請(qǐng)和發(fā)布珠漂，目前的答案是：不能發(fā)布晚缩，但是可以開(kāi)發(fā)；
1：申請(qǐng)Appid：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=495媳危； 擁有appid后荞彼，即可開(kāi)始真機(jī)預(yù)覽；本方法僅用于測(cè)試和研究待笑，無(wú)法認(rèn)證和審核鸣皂，請(qǐng)勿申請(qǐng)認(rèn)證；
2：如何真機(jī)預(yù)覽：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1812
3：如何設(shè)置體驗(yàn)者/開(kāi)發(fā)者/體驗(yàn)版本/：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1248
4：快捷鍵列表：

格式調(diào)整

• Ctrl+S：保存文件（必須保存才可以看到效果）
• Ctrl+[暮蹂， Ctrl+]：代碼行縮進(jìn)
• Ctrl+Shift+[寞缝， Ctrl+Shift+]：折疊打開(kāi)代碼塊
• Ctrl+C Ctrl+V：復(fù)制粘貼，如果沒(méi)有選中任何文字則復(fù)制粘貼一行
• Shift+Alt+F：代碼格式化
• Alt+Up仰泻，Alt+Down：上下移動(dòng)一行
• Shift+Alt+Up荆陆，Shift+Alt+Down：向上向下復(fù)制一行
• Ctrl+Shift+Enter：在當(dāng)前行上方插入一行
• Ctrl+Shift+F：全局搜索

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

• Ctrl+End：移動(dòng)到文件結(jié)尾
• Ctrl+Home：移動(dòng)到文件開(kāi)頭
• 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: 打開(kāi)或者隱藏模擬器

5：開(kāi)發(fā)工具項(xiàng)目區(qū)簡(jiǎn)介：

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

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

選擇無(wú)appid汹碱，即可在沒(méi)有appid情況下進(jìn)行開(kāi)發(fā)，但是無(wú)法預(yù)覽荞估；
項(xiàng)目名稱：隨意填寫
項(xiàng)目目錄：
1：如果你選擇了一個(gè)demo導(dǎo)入咳促，請(qǐng)選擇app.json所在的根目錄文件夾，請(qǐng)勿選擇其上級(jí)文件夾勘伺，否則會(huì)報(bào)錯(cuò)：找不到app.json跪腹；
2：如果你想新建一個(gè)項(xiàng)目，請(qǐng)先在電腦內(nèi)新建一個(gè)空文件夾飞醉，選擇空文件夾即可冲茸，假如你選擇的不是空文件夾屯阀，可能無(wú)法看到新建quickstart項(xiàng)目；

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

6：后臺(tái)配置域名：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=803；
必須配置域名后逗栽，才可以使用配置的域名盖袭，比如你需要請(qǐng)求XX地址的數(shù)據(jù)，必須在后臺(tái)設(shè)置了域名之后彼宠，才可以真機(jī)請(qǐng)求數(shù)據(jù)鳄虱；
必須https的域名才可以請(qǐng)求，如果出現(xiàn)https的問(wèn)題凭峡，請(qǐng)查詢排查：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=648拙已；

六：新手學(xué)習(xí)可選系列：

任選其一即可；
特別提示：微信小程序開(kāi)發(fā)者工具版本及推出日期：

介紹目的：據(jù)此日期摧冀，可以避免自己受到老教程的誤導(dǎo)倍踪，請(qǐng)優(yōu)先閱讀/使用新日期的教程/demo；在教程中遇到困惑時(shí)按价，請(qǐng)對(duì)比官方教程惭适，假如無(wú)法解決，請(qǐng)請(qǐng)教熟悉的同學(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版本新增細(xì)節(jié)點(diǎn)：掃碼接口，微信支付及分享的調(diào)試
1230測(cè)試版本：12月30日推出： 開(kāi)發(fā)者工具測(cè)試版本下載：12月30日更新

以下系列僅供參考往枷，有效期僅限于2017年1月期間框产，你可以在新手入門教程內(nèi)看到更多：http://www.wxapp-union.com/portal.php?mod=list&catid=7

開(kāi)發(fā)詳解系列：

• 《一》開(kāi)發(fā)準(zhǔn)備，開(kāi)發(fā)工具使用簡(jiǎn)介错洁，工程目錄結(jié)構(gòu) ...
• 《二》開(kāi)發(fā)組件使用初步秉宿，配置
• 《三》APP生命周期
• 《四》頁(yè)面生命周期和參數(shù)傳遞
• 《五》布局基礎(chǔ)

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

• 程序員開(kāi)發(fā)實(shí)戰(zhàn)系列《一》注冊(cè)、預(yù)覽小程序
  程序員開(kāi)發(fā)實(shí)戰(zhàn)系列《二》微信小程序架構(gòu)篇
• 程序員開(kāi)發(fā)實(shí)戰(zhàn)系列《三》App()和Page()
• 程序員開(kāi)發(fā)實(shí)戰(zhàn)系列《四》視圖層WXML綁定數(shù)據(jù)屯碴、模板描睦、邏輯
• 程序員開(kāi)發(fā)實(shí)戰(zhàn)系列《五》視圖層WXML：事件

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

• 微信小程序?qū)W習(xí)記錄《一》：目錄結(jié)構(gòu)介紹，開(kāi)發(fā)工具菜單介紹
• 微信小程序?qū)W習(xí)記錄《二》：系統(tǒng)配置app.json导而，程序和頁(yè)面注冊(cè).js
• 微信小程序?qū)W習(xí)記錄《三》：視圖容器

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

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

至此忱叭，你應(yīng)該會(huì)修改一些基本的屬性了，剩下的開(kāi)始遇到問(wèn)題今艺，開(kāi)始跳坑：以下是最新的坑十個(gè)：

• 跳坑《七十二》編譯.wxm文件錯(cuò)誤韵丑，使用coolsite360報(bào)內(nèi)部錯(cuò)誤
• 跳坑指南《七十一》微信小程序真機(jī)預(yù)覽跟本地不同的問(wèn)題
• 跳坑指南《七十》如何讓微信小程序服務(wù)類目審核通過(guò)
• 跳坑六十九：uploadFile:fail Error: unable to verify the first certificate
• 跳坑《六十八》Cannot read property 'webviewId' of undefined
• 新手跳坑指南《六十七》字體文件無(wú)法找到報(bào)404錯(cuò)誤
• 新手跳坑指南《六十六》：路徑path坑；相對(duì)路徑與絕對(duì)路徑
• 跳坑《六十五》出現(xiàn)腳本錯(cuò)誤或未正確調(diào)用Page（）
• 跳坑指南《六十四》小程序的登錄號(hào)注冊(cè)騰訊云問(wèn)題
• 新手跳坑指南《六十三》wx.navigateTo 和 wx.redirectTo跳轉(zhuǎn)報(bào)錯(cuò)

你可以在這里看到整個(gè)跳坑系列：http://www.wxapp-union.com/forum.php?mod=forumdisplay&fid=2&filter=typeid&typeid=3

七：如何解決學(xué)習(xí)過(guò)程中的問(wèn)題

1：看文檔虚缎，尤其是版本更新后撵彻，可能文檔已經(jīng)更新，附上了你問(wèn)題的說(shuō)明；
2：群內(nèi)問(wèn)陌僵，群是一個(gè)比較好的途徑轴合，但是只能解決較為簡(jiǎn)單的問(wèn)題；
3：論壇搜索碗短；你可以在本站或官方社區(qū)內(nèi)搜索相應(yīng)的關(guān)鍵詞受葛，來(lái)查看是否有解決方案；你可以在這里查看搜索方法：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1824
4：發(fā)帖詢問(wèn)豪椿，在綜合交流區(qū)內(nèi)發(fā)帖詢問(wèn)奔坟，并@幾個(gè)大神；5：常見(jiàn)錯(cuò)誤及基本排除方法

1：ES6搭盾；使用es6可能導(dǎo)致安卓端真機(jī)調(diào)試時(shí)很多問(wèn)題出現(xiàn)咳秉，還有其他未知問(wèn)題；原因未知鸯隅；
2：字母拼錯(cuò)澜建，包括字母拼寫錯(cuò)誤，大小寫沒(méi)有注意蝌以；微信小程序中炕舵，有大量這樣的代碼示例，從中間冒出一個(gè)大寫跟畅，比如支付中的appId
3：官方文檔示例代碼有誤咽筋，有時(shí)官方文檔示例代碼也會(huì)出現(xiàn)問(wèn)題，比如大小寫出錯(cuò)徊件，或者其他缺少參數(shù)等問(wèn)題奸攻；
4：https，這個(gè)坑目前遇到的人最多虱痕，首先說(shuō)明一下睹耐，工具的這個(gè)設(shè)置，

部翘，這個(gè)設(shè)置有一些獨(dú)特的作用硝训，讓你可以讓本地避開(kāi)一些限制；但是這個(gè)設(shè)置對(duì)真機(jī)無(wú)效新思，所以假如存在https問(wèn)題窖梁，是否勾選并影響；仍然需要按貼排查： http://www.wxapp-union.com/forum.php?mod=viewthread&tid=648
5：重啟/重裝工具大法：有時(shí)候編輯器會(huì)出現(xiàn)一些莫名其妙的BUG表牢，比如昨天還是好的窄绒，今天打開(kāi)各種問(wèn)題等等，可以考慮重新編譯或多次重啟工具或重啟電腦崔兴；
6：前人經(jīng)驗(yàn)：有很多人遇到了很多問(wèn)題彰导，你可以在版塊的問(wèn)答分類下看看其他人遇到的問(wèn)題及如此解決的蛔翅；http://www.wxapp-union.com/forum.php?mod=forumdisplay&fid=2&page=2&filter=author&orderby=dateline&typeid=16
7：無(wú)法登陸：參考 @M-信念 同學(xué)的建議：可以稍微等等；當(dāng)出現(xiàn)帳號(hào)登陸問(wèn)題時(shí)位谋，可以嘗試使用他人微信號(hào)山析，或是咨詢其他人是否也遇到了相同的情況，不要著急掏父；
8：代理設(shè)置笋轨；代理設(shè)置應(yīng)該是一個(gè)隱藏比較深的坑，但是很多人被坑過(guò)赊淑，假如你的機(jī)器設(shè)置了代理爵政，開(kāi)發(fā)者工具可能會(huì)也跟著默認(rèn)帶來(lái)代理，然后會(huì)接踵而來(lái)很多登陸陶缺，空白等問(wèn)題钾挟；

9：使用搜索；現(xiàn)在本站聚合了大量的微信小程序相關(guān)內(nèi)容饱岸，可以考慮使用本站的搜索掺出，來(lái)獲取自己想找的東西或用于解決問(wèn)題，搜索時(shí)苫费，請(qǐng)使用主要關(guān)鍵詞汤锨，或相近關(guān)鍵詞進(jìn)行搜索，而不要直接搜索一句話百框，比如你需要appid闲礼，你可以搜索“appid”，你遇到了登陸問(wèn)題铐维，應(yīng)該搜索“登陸”位仁，真機(jī)預(yù)覽遇到了問(wèn)題，可以搜索“真機(jī)”方椎，遇到了上傳問(wèn)題，可以搜索“uploadfile”
10：微信版本問(wèn)題钧嘶，伴隨微信的版本更新棠众，不同的微信版本之間可能會(huì)出現(xiàn)不同的未知BUG；你可以在這里查看最新微信版本：weixin.qq.com

5：查詢官方問(wèn)答：最新的官方問(wèn)答系列：

• 官方問(wèn)答精選《十三》異步改變dada的值有决，給對(duì)象動(dòng)態(tài)賦值
• 官方問(wèn)答精選《十二》wx.checkSession闸拿，服務(wù)號(hào)和小程序用戶...
• 官方問(wèn)答精選《十一》后臺(tái)服務(wù)器配置https，獲取canvas的尺寸
• 官方問(wèn)答精選《十》打通微信賬號(hào)和系統(tǒng)用戶賬號(hào)书幕，SVG支持
• 官方問(wèn)答精選《九》js如何獲取當(dāng)前組件的寬高新荤，wx.openDocument
• 官方問(wèn)答精選《八》wx.showToast()無(wú)效，分享功能真機(jī)沒(méi)有效果
• 官方問(wèn)答精選《七》體驗(yàn)者安卓卡在加載頁(yè)面進(jìn)不去
• 官方問(wèn)答精選《六》this.setData台汇，動(dòng)態(tài)改變navigationBarTitleText值
• 官方問(wèn)答精選《五》圖片讀取失敗苛骨，picker-view 初始值設(shè)置...
• 官方問(wèn)答精選《四》分享連接傳入的參數(shù)篱瞎，用戶數(shù)據(jù)解密...
• 官方問(wèn)答精選《三》版本更新特別版：編譯顯示自定義預(yù)覽
• 官方問(wèn)答精選《二》Linux版，UnionId痒芝，蘋果手機(jī)組件參數(shù)問(wèn)題
• 官方問(wèn)答精選《一》提交審核時(shí)提供測(cè)試賬密碼