从零开始：微信小程序新手入门宝典
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了从零开始：微信小程序新手入门宝典相关的知识，希望对你有一定的参考价值。
为了方便大家了解并入门微信小程序，特将可能会需要的知识，列在这里，让大家方便的从零开始学习
一：微信小程序的特点
张小龙：张小龙全面阐述小程序，推荐通读此文；
小程序是一种不需要下载、安装即可使用的应用，它出现了触手可及的梦想，用户扫一扫或者搜一下即开打开应用，也出现了用完即走的理念，用户不用关心安装太多应用的问题，应用随处可用，但又无须安装卸载。我当时是这样来定义什么是小程序的。
1：无需下载：我们直接使用它，所以无须安装是小程序最基础的一个特性；
2：触手可及：当我们拿着智能手机接触周边的时候，我们可以通过手机直接获得信息，就是周边的信息；
3：用完即走：对于周边要完成的任务来说我们需要的是用完即走；
4：无须卸载：小程序看起来是程序，但是它以完全不同于过去APP的形状出现，它有更灵活的应用组织形态；
二：微信小程序官方地址
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714
简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/
设计指南：https://mp.weixin.qq.com/debug/wxadoc/design/index.html；在这里查看如何符合设计标准，仅供参考，非强制性；
运营规范：https://mp.weixin.qq.com/debug/wxadoc/product/index.html；在这里查看禁止事项
接入指南：https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html
支付文档：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1
客服消息：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
数据分析：https://mp.weixin.qq.com/debug/wxadoc/analysis/index.html?t=201714
三：如何学习微信小程序
多看官方文档，多看几遍，遇到问题时再看，没有问题时继续看；
1、首先要通读一遍官方文档，看看都有哪些东西，都能干什么；
2、对感兴趣的部分，把例子抠出来放到IDE上面运行一下，运行没问题就自己折腾折腾例子
3、自己写个demo，遇到困难当然就来小程序联盟啦，找找看有没有类似的demo
4、每天进论坛看看有什么新帖子
我觉得基础知识一定要过关！！！
事件绑定 ajax请求 本地存储之类 先搞清楚小程序之外是怎么实现的
遇到问题 看文档，看不懂第二遍，再不行 啥时候看懂再开始做
如果你在群里发问没人理你，不是大家都解决不了就是你问的问题别人根本不想理
百度，谷歌 ，bing
别一直就放着，用起来
还有最重要的一点 不要眼高手低，人家的demo下载下来跑起来 然后看懂之后一定要自己尝试写一遍！
正常思路啊 首先是静态页面数据展示 然后是页面跳转 然后就会考虑带参数实现详情页面 然后。。。
找一个熟悉的逻辑 开始模仿 然后就会一步步往前走了
多走弯路才能少走弯路
四：个人开发前必读
个人开发和学习的同学，最关心的是个人额能不能申请和发布，目前的答案是：不能发布，但是可以开发；
1：申请Appid：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=495；
拥有appid后，即可开始真机预览；本方法仅用于测试和研究，无法认证和审核，请勿申请认证；
2：如何真机预览：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1812
3：如何设置体验者/开发者/体验版本/：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1248
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: 打开或者隐藏模拟器
五：新手学习可选系列：任选其一即可；
开发详解系列：
- 《一》开发准备，开发工具使用简介，工程目录结构 ...
- 《二》开发组件使用初步，配置
- 《三》APP生命周期
- 《四》页面生命周期和参数传递
- 《五》布局基础
程序员实战系列
- 程序员开发实战系列《一》注册、预览小程序
- 程序员开发实战系列《二》微信小程序架构篇
- 程序员开发实战系列《三》App()和Page()
- 程序员开发实战系列《四》视图层WXML绑定数据、模板、逻辑
- 程序员开发实战系列《五》视图层WXML：事件
学习记录系列
七：如何解决学习过程中的问题
1：看文档，尤其是版本更新后，可能文档已经更新，附上了你问题的说明；
2：常见错误及基本排除方法
1：ES6；使用es6可能导致安卓端真机调试时很多问题出现，还有其他未知问题；原因未知；
2：字母拼错，包括字母拼写错误，大小写没有注意；微信小程序中，有大量这样的代码示例，从中间冒出一个大写，比如支付中的appId
3：官方文档示例代码有误，有时官方文档示例代码也会出现问题，比如大小写出错，或者其他缺少参数等问题；
4：https，这个坑目前遇到的人最多，首先说明一下，工具的这个设置， ，这个设置有一些独特的作用，让你可以让本地避开一些限制；但是这个设置对真机无效，所以假如存在https问题，是否勾选并影响；仍然需要按贴排查：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=648
8：重启/重装工具大法：有时候编辑器会出现一些莫名其妙的BUG，比如昨天还是好的，今天打开各种问题等等，可以考虑重新编译或多次重启工具或重启电脑；
10：前人经验：有很多人遇到了很多问题，你可以在版块的问答分类下看看其他人遇到的问题及如此解决的；http://www.wxapp-union.com/forum.php?mod=forumdisplay&fid=2&page=2&filter=author&orderby=dateline&typeid=16
11：无法登陆：参考@M-信念 同学的建议：可以稍微等等；当出现帐号登陆问题时，可以尝试使用他人微信号，或是咨询其他人是否也遇到了相同的情况，不要着急；
12：代理设置；代理设置应该是一个隐藏比较深的坑，但是很多人被坑过，假如你的机器设置了代理，开发者工具可能会也跟着默认带来代理，然后会接踵而来很多登陆，空白等问题；
13：使用搜索；现在本站聚合了大量的微信小程序相关内容，可以考虑使用本站的搜索，来获取自己想找的东西或用于解决问题，搜索时，请使用主要关键词，或相近关键词进行搜索，而不要直接搜索一句话，比如你需要appid，你可以搜索“appid”，你遇到了登陆问题，应该搜索“登陆”，真机预览遇到了问题，可以搜索“真机”，遇到了上传问题，可以搜索“uploadfile”
14：微信版本问题，伴随微信的版本更新，不同的微信版本之间可能会出现不同的未知BUG；你可以在这里查看最新微信版本：weixin.qq.com
以上是关于从零开始：微信小程序新手入门宝典的主要内容，如果未能解决你的问题，请参考以下文章