微信小程序入门

微信小程序基础入门

1.什么是微信小程序呢？？
现在的小程序各式各样，我们所说的微信小程序只是其中的一种，它是一种无需安装下载就可以使用的应用
2.小程序与普通h5的区别

 - 微信小程序扩展了底层能力，而h5调用底层能力比较弱
 - 微信小程序没有完整的JS API ，但h5拥有完整的JS API(EcmaScript,Dom,Bom)开发能力
 - 他们渲染的机制也是不同的：微信小程序渲染线线程和逻辑线程是独立并行运行的，而H5只是一个线程```
**3.小程序的使用流程**
   ```- 需要先进性注册一个微信小程序账号
    - 安装微信开发者工具
    - 创建小程序项目 
    - 使用小程序
    - 如何在手机上预览(点击开发者工具顶部的预览)
    - 小程序如何添加开发成员 （微信小程序后台-->管理-->成员管理-->成员管理）```
**4.一个完整的小程序包括4个部分**
 ```- xxx.wxml:模板页面（也称视图，类似于html） 
     *常用标签*
       -  view :相当于div
       - button:按钮
       - image:嵌入图像，类似于img
       - text:添加文本，相当于span
       - block:标记一个组织区域，最终不会渲染到页面上，			相当于vue中的template
 `- xxx.wxss:页面样式 相当于css
  	```注意：用rpx代表响应式单位 类似于rem```
 - xxx.js: 写页面逻辑的 
	- xxx.json:页面的配置```
**5.小程序的常用的渲染指令**
    ```1.遍历  wx:for 相当于vue里的v-for
    		 注:（item：遍历的每一项，index:每一项的下标，wx:for- index:更改下标	名，wx:for-item:更改每一项名称）
 		2.条件渲染：wx:if相当于v-if  wx:if满足条件时进行渲染，
 		v-else不满足条件时渲染
 	 hidden相当于vue的v-show的反值  true：隐藏，false:显示
    	3.绑定事件 bindtap="事件"```