新手入门：微信小程序--从入门到精通宝典

Posted 2020-08-29 iPhone丢了怎么找回来？

<ignore_js_op>  作为新手入门的宝典，我们整理了本论坛各种有价值的内容，并按循序渐进的方式呈现给大家。 大家可以按顺序一篇一篇的攻克本帖中的内容，也可以作为字典，跳转至关注的内容去学习。 希望大家在这里能快速成长，成为微信小程序开发的顶尖高手。 本帖的内容结构如下： 一：小程序之张小龙全面阐述及思维导图； 二：微信小程序官方地址 三：如何学习微信小程序 四：新手入门系列教程集合 五：公司开发前必读 六：个人开发前必读 一：小程序之张小龙全面阐述及思维导图； 小程序之张小龙全面阐述：于1月9日上线（并附演讲稿全文） 核心内容的思维导图如下图： <ignore_js_op>  高清图片下载附件： <ignore_js_op> 微信公开课.pdf (46.16 KB, 下载次数: 1, 售价: 10 财富值)  二：微信小程序官方地址    1：官方工具：点击跳转，微信小程序的开发工具下载，含Windows版，Mac版，及更新日志。    2：简易教程：点击跳转，图文教程，开发第一个HelloWorld程序，初步了解开发流程及项目中各个文件的用途。    3：设计指南：点击跳转；在这里查看如何符合设计标准，仅供参考，非强制性；    4：运营规范：点击跳转；在这里查看禁止事项；    5：接入指南：点击跳转，注册，信息完善及开发前准备，开发者工具的使用，代码审核与发布，申请认证；    6：支付文档：点击跳转，开发步骤，业务流程，小程序调起支付API；    7：客服消息：点击跳转，调用客服消息接口发送客服消息，填写消息推送配置，网页版客服工具；    8：特殊行业所需资质材料：点击跳转，特殊行业的文件材料等要求说明；    9：数据分析：点击跳转，实时统计，访问分析，自定义分析等； 三：如何学习微信小程序 多看官方文档，多看几遍，遇到问题时再看，没有问题时继续看； 1、首先要通读一遍官方文档，看看都有哪些东西，都能干什么； 2、对感兴趣的部分，把例子抠出来放到IDE上面运行一下，运行没问题就自己折腾折腾例子 3、自己写个demo，遇到困难当然就来小程序联盟啦，找找看有没有类似的demo 4、每天进论坛看看有什么新帖子 我觉得基础知识一定要过关！！！ 事件绑定 ajax请求 本地存储之类 先搞清楚小程序之外是怎么实现的 遇到问题 看文档，看不懂第二遍，再不行 啥时候看懂再开始做 如果你在群里发问没人理你，不是大家都解决不了就是你问的问题别人根本不想理 百度，谷歌 ，bing 别一直就放着，用起来 还有最重要的一点 不要眼高手低，人家的demo下载下来跑起来 然后看懂之后一定要自己尝试写一遍！ 四：新手入门系列教程集合 手入门系列教程有7套，大家可以选择适合自己的内容学习。 微信小程序开发指南： 微信小程序开发指南（一）：申请注册与开发流程 微信小程序开发指南(二)：注意点和常用快捷键 微信小程序开发指南(三)：关于网络请求 微信小程序开发指南(四)：关于Tab分页 微信小程序开发指南(五)：关于轮播 微信小程序开发指南(六)：关于列表上拉加载下拉刷新 微信小程序开发指南(七)：关于地图 微信小程序开发指南(八)：关于页面跳转 其他系列如下： 微信接入探秘--系列 微信小程序最实用的实例教程--系列 微信小程序实战开发篇--系列 微信小程序开发详解--系列 微信小程序Todo应用开发--系列 微信小程序三步入门教程--系列 更多系列教程，点击进入。 五：公司开发前必读 根据观察，很多公司因为不了解小程序，而导致盲目跟进而盲目开发，无法有效利用小程序的特性，甚至白白浪费了开发周期； 事前准备： 微信小程序需要https请求，需要准备 1：备案的域名：由于备案需要一定的时间，所以请事先准备 2：受认可的证书 https排查说明：《六》https综合解决方案，含request:fail错误及真机预览问题： 一个账号只能发布一个小程序，如需发布多个，请申请多个 1：必须通读运营规范；有需要禁止开发的事项需要了解；比如直播，游戏，抽奖，排行榜等；      常见拒绝情形：https://mp.weixin.qq.com/debug/wxadoc/product/reject.html?t=201714 2：在微信下禁止的一些规则，在微信小程序中同样不能涉及；比如诱导分享； 3：暂未开放的类目，无法申请，详情请在本站搜索“服务范围”的文章查看最新服务类目      推荐阅读并收藏：踩坑指南《七十》如何让微信小程序服务类目审核通过      1月7号更新图： <ignore_js_op>  4：微信小程序的问答 1：小程序没有入口，这和公众号一样。 2：小程序没有官方商店 3：小程序不会有订阅的关系 4：很有限的通知能力，限制的非常严格 5：小程序不能分享到朋友圈，但是可以分享到聊天和群聊之中。 6：小程序不能做游戏 7：用户能搜索到小程序，但我们会极力限制搜索能力，避免被滥用。 8：目前有提供的关联是可以在公众号中看到该企业还有哪些小程序，反之亦然。 9：会轻量提醒用户附近有哪些小程序存在，比如附近哪一家店提供小程序。 5：目前能看到的入口 线下扫码 ：用户可以在小程序中使用扫一扫。 对话分享 ：用户可以分享小程序或其中的任何一个页面给好友或群聊。 消息通知 ：商户可以发送模板消息给接受过服务的用户，用户可以在小程序内联系客服，支持文字和图片。 小程序切换 ：用户可以在使用小程序的过程中快速返回聊天。 历史列表 ：用户使用过的小程序会被放入列表，方便下次使用。 公众号关联 ：微信小程序可与公众号进行关联。 搜索查找 ：用户可直接根据名称或品牌搜索小程序。 6：遇到无法解决或难以理解的难题时，请在官方社区内进行反馈：https://developers.weixin.qq.com 7：你必须通过微信认证，才可以使用微信支付等功能：      认证指引：https://mp.weixin.qq.com/debug/wxadoc/product/renzheng.html?t=201714 六：个人开发前必读 个人开发和学习的同学，最关心的是个人额能不能申请和发布，目前的答案是：不能发布，但是可以开发； 1：个人申请Appid：http://bbs.html51.com/t-90-1-1/；      拥有Appid后，即可开始真机预览；本方法仅用于测试和研究，无法认证和审核，请勿申请认证； 2：如何真机预览：http://bbs.html51.com/t-130-1-1/ 3：如何设置体验者/开发者/体验版本/：http://bbs.html51.com/t-124-1-1/ 4：快捷键列表： 格式调整 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：开发工具项目区简介： <ignore_js_op>  配置信息：用于解决在后台配置域名未生效的问题；预览：真机预览上传：管理员上传至后台，设置体验及审核版本使用；开发环境不校验：为了让开发环境中使用appid时，不合规则的域名也可以正常使用（比如本地或IP地址及未配置的域名）压缩代码：为了节约空间，小程序上限为1M：参考：如何给微信小程序瘦身？  删除项目：删除相应的项目 <ignore_js_op>  代理：在这里可以设置代理，或取消代理；用于解决很多因代理而引发的问题； <ignore_js_op>  选择无appid，即可在没有appid情况下进行开发，但是无法预览； 项目名称：随意填写 项目目录：1：如果你选择了一个demo导入，请选择app.json所在的根目录文件夹，请勿选择其上级文件夹，否则会报错：找不到app.json；2：如果你想新建一个项目，请先在电脑内新建一个空文件夹，选择空文件夹即可，假如你选择的不是空文件夹，可能无法看到新建quickstart项目；   快速生成项目目录技巧：在app.json内输入路径后保存，即可生成相应路径的完整文件目录，防止因js或json文件为空而引发的一系列报错   6：后台配置域名：后台配置域名：常用API域名配置列表及wx.uploadFile说明；      必须配置域名后，才可以使用配置的域名，比如你需要请求XX地址的数据，必须在后台设置了域名之后，才可以真机请求数据；      必须https的域名才可以请求，如果出现https的问题，请查询排查：《六》https综合解决方案，含request:fail错误及真机预览问题；