小程序入门
一：小程序是什么
目前呢除了公司主流前端技术像：h5,css3 (es6/7/8/9)vue react 等 就是微信小程序了
。微信小程序他是一个不用安装就可以使用的应用。2017年推广发布 这种商业化的模式利于推广
二：小程序和H5有哪些不一样
小程序 :缺少相关的dom bom 比如说：getElementById，window,location等。 网页开发线程和脚本线程二者分开
H5 :h5是有具体的dom和bom .网页开发渲染线程 和脚本线程互斥
三：小程序的使用流程
3.1 我们需要注册小程序账号
注册网址： https://mp.weixin.qq.com/wxopen/waregister?action=step1&token=&lang=zh_CN
我们首先进行个人信息的登记进行注册登录
3.2 我们接下来要安装微信开发者工具
网址： https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
3.3. 接下来我们就可以在微信开发者工具进行畅玩了。。。
3.4 小程序的优势：
- 能够快速的加载
- 无需下载安装就可体验
- 高效简单的开发
- 体验更好！！！
四：说一下小程序的项目结构
4.1：
- app.js：小程序的项目逻辑的入口文件 这就类似于我们vue的main.js app.wxss：小程序中的全局样式
- project.config.json：小程序项目的配置文件（一般不需要我们改动）
- pages：开发项目的目录 也相当于vue中的src
- utils：这里面一般放的是我们开发时候常用的函数 具体说一下页面吧： index.wxml:这就是相当于h5中的HTML页面 index.wxss：同上 相当于h5中的css页面 index.json
- :当前页面的配置文件 ###### 4.2 小程序里面的标签： view ：相当于H5的div
- image：相当于H5的img标签 text： 相当于H5的span
五：小程序常用的指令
5.1 wx:for
<view wx:for="{{list}}" wx:key="{{index}}">
{{item.title}}
</view>
这呢相当于我们vue中的v-for ，其实小程序里面很多还是跟vue react高度相似的 ，我们只需要记得小程序的语法就可以了。 我们在循环的时候， 后面一定要跟上wx:key="{{key}}" 不然的话后台会报错 。 而且在小程序中呢循环时候默认值就是item， 默认的下标直接就是index。 当然我们也可以自定义来选择 。 key是用来管理可复用的元素 比如说我们vue渲染页面时候可能会高度的渲染页面 会在页面的基础上再次渲染 而不是从新渲染 那么这样虽然速度很快也是不符合常理的 所以我们就需要 用key ！！！
5.2 wx:if
wx:if ： 条件是true的时候渲染 false就是不渲染 他也类似于vue中的v-if
hidden ： 条件为true时候隐藏 为false时候显示 类似于vue中的v-show
六：小程序事件绑定
我们在vue中是通过@事件=“自定义方法名 ”
小程序中我们是bind+事件=“自定义方法名”
在小程序中传参是这样实现的：
<view data-name="wendy"></view>//通过data-名称=“我们要传递的值”
补充一个问题就是:
我们可能在使用事件的过程中出现 事件冒泡或者捕获 触发了不必要的事件。。导致出一点小错误
先说什么是事件：
事件就是我们与页面发生交互的特定瞬间。事件是JavaScript的心脏，是把所有东西黏在一起的胶水，当我们与浏览器的web页面发生交互的时候 事件就发生了。事件也可能是我们鼠标滚轮经过某一个特定元素或者按下某个热键 也触发了。
事件流：我们从页面中接收元素的顺序不同 有意思的是IE跟网警公司提出两个不同的概念 。IE认为事件是事件冒泡流 ，网警公司认识事件是事件捕获流
原生阻止冒泡：e.stoppropagation()
事件冒泡的方法：bind+事件名=“方法名”
阻止冒泡的：catch +事件名=“方法名”
最后注意的是 我们每次在操作完数据后我们必须要用
this.setData({
list:this.data.list
})
**今天就说这么多废话有点多。。话不多说下次见~
