小程序——初步配置及学习

一、软件下载

1.微信开发者工具

.首先要区分几个网站：
1.微信公众平台 在这个网站上可以在小程序的开发流程中按照指示下载微信开发者工具 添加合作者 实时查看小程序流量等
重点是可以查看小程序的AppID （也就是小程序ID），AppSecret(小程序密钥) 在开发小程序的过程中可能会用到

2.微信开放文档 微信官方文档中包含了很多api 因为微信开发者工具的更新速度是很快的（至少在我看来是这样，总是在弹更新窗口），所以仔细阅读微信官方文档还是必要的，而且一般不涉及界面跳转或者传参的问题会有代码片段可以直接在开发者工具中进行尝试

微信开发者工具的下载并不困难，也不需要环境的配置，所以按照提示进行安装即可

2.php

3.服务器的搭建

（2、3以后补充）

二、初步熟悉小程序

最初的想法是在b站观看视频

第一个学习视频：【2018】学做小程序- 清华大学 是清华大学发布的小程序教程 前几讲的内容我个人认为在后期的推广中还是比较重要的 （因为涉及到小程序开发的基本原则以及能否过审核的问题），在开发初期只要记住一点：小程序的大小不要超过过2M，否则在真机预览的时候会出现“不可预览”的警告

第二个学习视频：尚硅谷-微信小程序项目实战 一般尚硅谷的课程还都是比较推荐的 里面有swiper滑动页面的介绍 在内容不变的情况下在页面的渲染（也就是信息填充）

这两个学习视频的共同点是：都简单地介绍了一下小程序的基本开发环境，简单介绍了每个不同后缀页面的作用（.js .wml .wss .json）这些 简单讲解了前端怎么硬着头皮写 讲解了电影播放？的接口（用了api）但是假如你要开发的小程序不涉及电影的开发完全可以跳过这一步

第三个学习视频：2018极客学院微信小程序教学视频 这个内容基础又全面 还是很适合初步熟悉小程序的

三、小程序的基础学习及小的注意点

1.微信小程序配置—tabBar
2.微信小程序中this.data与this.setData的区别详解
this.data会让data中的值发生改变，但是如果使前端呈现改变应该用this.setData
3.this.setData正确写法
4.微信小程序 详解弹框wx.showToast、wx.showModal、wx.showActionSheet，modal控件解释及input输入框值的获取
5.微信小程序实现点击按钮修改文字大小功能
通过绑定事件 this.setData修改内容的实例
6.微信小程序上手篇
这个版本有点老了，但是基本讲解还是可以看看

四、前端部分收藏（备用以后）

1.微信小程序图片实现宽度100%，高度自适应