2018-07-02

                                6月份知识总结

                                

---

一，微信小程序

.1.安装开发者工具，申请账号

2.代码构成，是由是由json配置，wxml模板，wxss样式,js逻辑交互 组成

3.组件:视图容器，基础内容，表单组件，导航，媒体组件，地图，画布，开放能力

4.APl:发起请求，上传、下载，媒体，文件，数据缓存，位置，设备，蓝牙，界面，第三方平台，开放接口，数据，更新，多线程，监控，调试接口，日志

项目：轮播，导航条，选项卡，路由，数据渲染，购物车

二、Vue.js

.1.vue.js（国人开发）是什么

vue.js是一套用于构建用户界面的渐进式框架（mvvm模式)

2.vue的优点 

轻量级框架  双向数据绑定  组件化  虚拟dom

3.vue的缺点

它不支持IE9以下的版本   前后端混合书写受到限制

4.生命周期钩子：

创建：beforeCreate,created(创建后，通常用于获取后台数据)

挂载：beforeMount,(dom加载后，通常用于对页面dom操作时)

更新：beforeUpate,updated

销毁：beforeDestroy,destroyed

5.条件渲染

v-if,v-else,v-else-if v-show

.v-if和v-show区别

v-show本质就是标签display设置为none，控制隐藏

v-if是动态的向DOM树内添加或者删除DOM元素

列表渲染v-for

6.vue的跨域问题

(1)利用jsop 方法 (2)添加响应头（3）代理的方式

7.组件通讯

父传子：创建两个组件A.vue和B.vue，并在A.vue引入B.vue，并注册

在A.vue引入的子组件自身添加要传递的属性

非父子：1.Event Bus:通过一个空的vue（即桥梁）实现兄弟之间数据传递 

 第一步：创建两个兄弟组件并引入到其他组件中 例如：son1,son2 

 第二步：创建一个空的vue 例如：bus.js

 第三步：分别在两个兄弟组件中引入bus.js 

 第四步：例如：son1数据发送给son2,在son1通过触发一个事件响应来派发 

 第五步：在生命周期钩子上监听son1派发过来的事件 $on 

子传父：

主要通过事件派发实现，具体通过$emit实现

  派发事件：$emit()   接收事件：@事件名戒v-on

Vuex:

第一步：先安装vuex

 npm install vuex --save

第二步：在src创建一个store目录，用来存放vuex相关文件

第三步：在store目录先创建一个index.js文件，做为vuex入口文件

 第四步：在store目录的index.js中，写入下面的内容

三. js

1.js的基本数据类型Number、String、Boolean、Null、Undefined symbol

symbol(es6新增）

2.promise  

作用：是 异步编辑的一种解决方案。

Promise对象代表一个异步操作，

有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。

3.普通函数和箭头函数区别:

箭头函数没有自己的this,它的this是其父级函数的this

普通函数是有自己的this,他的this是在程序运行时确定的

call,apply,bind的理解1.相同点：call,apply,bind都可以改变this指向

区别：call和apply的传参形式不同