morty

这期我们将小程序组件中的movable-area和movable-view从这几个单词的含义中我们也能大概了解到这两个组件的大概含义——可移动区域、可移动视图（元素）movable-area组件的作用是定义一个区域。在这个区域内的movable-view的组件可以被用户自由的移动。想横着动就横着动，想纵着动就纵着动。想不动，，，那就别用它啦。ok，为了直观一点，上代码！wxml<movable-area class='area'> <movable-view class="vi

不知道大家知不知道媒体查询下面是菜鸟教程上的一段文字使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。总结起来就是，只有符合某些规则，在match-media标签内的内容才能被显示。有点类似于wx:if不同之处在于match-media之针对某些条件适用，而且比较方便的获取这些条件（这些在wx:

cover-view与viewok，介绍完了图片的两种组件，我们再来介绍两种组件。cover-image和view这两个组件的作用是。。。都知道div吧？这个东西和div一毛一样，块级元素、独占一行、没啥含义，就是容器。它们的区别就像是cover-image与image的区别一毛一样，就是cover-view会成为全场最靓的崽（始终在页面可视区域的最上面）上代码！wxml<cover-view>博主最帅</cover-view><view>博主最帅</

cover-image与image没错我们就是从头开始往下撸。有啥就讲啥。外带一些扩展。聊正题因为是第一个组件，不对，应该说是第一组组件，因为image和cover-image是两个组件，不过因为太像啦，所以就拿出来一起讲。因为是第一组，所以我没讲解一下，wxml的代码都写在后缀为wxml中，css代码都写在wxss中，js在后缀是js的文件中，不需要像pc端那样刻意的去引用，只要写好了，系统自己就很聪明，帮你搞定这些事了，前提是文件名相同。ok，这个东西时间久了 都会用的。咱们聊正事啦，终于开始讲正

认识微信开放文档OK，还不及正式开始我们的项目开发阶段，我们先学习一下我们开发小程序的一个很重要很重要的一个工具，官方文档。传送门进入到这个页面我们默认进入开发选项，然后在开发的下面，这些指南框架啊什么的就是我们最最常用的内容啦，因为内容我自己还没看透，所以我就不带你们一一讲解一遍啦。我们将要从其中的组件和api讲起。前面提到过，小程序就是组件化开发的。基本上就像搭积木一样，我们拼接一定的组件然后用一些逻辑代码实现这些组件的数据交流，一个简单的小程序就可以成型啦，废话不多说，我们开始介绍一个个的小组

初识小程序云开发目录---------ok，书接上文，我们建立了一个自己的小程序了。看着这个界面，有同学会懵一下，这都是什么啊。（这里提一句，你们刚刚建立的一个项目，大概率会有一个报错，这是正常的，因为我们是云开发的环境，但是我们还没有开通我们的云环境，开通方式在最上方有个按钮，写着云开发三个字 在那里就可以开通了，因为我进来就有个云环境了，所以我也不好给你们演示，你们辛苦点百度 一下哈，很容易的）---------最左面是工作区，这里存放我们项目的文件夹和文件，方便我们快速寻找文件然后编辑（市面上大

准备工作第一步、首先登录微信公众平台，地址传送微信公众平台第二步、在最上面的一栏中有立即注册四个字，不要怕，勇敢而自信的点击下去，接下来你会跳转至一个新的页面。在这里有四个选项，是你选择注册账号的类型，既然看本篇文章那你没得选，小程序走起来。第三部、就是填写一些信息，无非就是些邮箱密码之类的东西，将常用的邮箱和密码填上，再邮箱认证激活。然后选择注册人的类型，个人就好，不用听人家说个人有一些功能用不了，第一你那些功能本来就用不上，第二，你没办法注册企业账号。先注册个人账号没什么毛病。最后当你看见这个