前端总结

1，vue组件之间的传值：
(1)父传子值：
父：<father v-bind:data=”父组件中要传递的值”></father>
子：<childer>{{data}}</childer>
props:{
data:{
default:’默认值’,
Type:String
}
}
（2）子传递父值：
         子：<button @click=’goFather’></button>
     goFather(){
This.$emit(‘goData,要传递父组件的值)
}
 父:<childer v-on:goData=’getData’></childer>
getData(data){
console.log(data)
//data值为子组件传递给父组件的值
}
（3）ref公共传递：
父：<childer ref=’common’></chiler>
取值：this.$refs.common.子组件的值
方法：this.$refs.common.方法
（4）子组件调用父组件方法：
子：直接调用方法
getMethod(){
This.$parents.要调用的父组件方法();
}
2,居中显示的几种方法：
1，flex布局：
display:flex;  just-content:center;    align-items:center;
2,定位法显示（如果已知上一级元素的宽度大小，适合用这种方法）：
<div style=”position:relative;width:500px;height:500px;”>
<div style=’width:300px;height:300px;
position:absolute;left:50%;top:50%;	
margin-left:-150px;margin-top:-150px’>
</div>
</div>
3,设置自动：Margin:20% auto;
4,css3属性transform:translate(-50%,-50%);  转变属性，对X轴和Y轴设置变化
<div style=”position:relative”>
<div style=”position;absolute;top:50%;left:50%;
transform:translate(-50%,-50%);”>
</div>
</div>
3,vue模式MVVM
M是指Model数据模型，代表处理数据和业务逻辑
V是指UI组件，是指将Model数据转化成UI显示出来
VM是指监听Model数据的修改和变化，处理交互显示到UI组件中，连接Model和View
4,Vue的生命周期
1,beforeCreate(创建前):在数据观测和初始化数据之前
2,created(创建后):完成数据观测，属性和方法的运算，初始化事件，$el属性还没有显示出来；
2，beforeMount(载入前):在开始挂载之前被调用
3，Mounted(载入后)：在el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用。实例已完成以下的配置：用上面编译好的html内容替换el属性指向的DOM对象。完成模板中的html渲染到html页面中。此过程中进行ajax交互
4，Updated(更新前)：在数据更新前被调用
5，Destroyed(销毁后)：在实例销毁之后调用
6,Vue的双向绑定：对象的object.defineProperty()
通过Object.defineproperty(),来劫持各个属性的setter,getter,在数据变动时发布消息给各个订阅者，触发相应监听回调，当一个简单的javascripet对象穿个vue实例来作为data选项时，vue将遍历它的属性用Object.defineProperty(),将他们转化为getter,setter,在内部让vue追踪依赖，在属性被访问和修改时通知变化
7,$route和$router的区别
	$router是指页面之间的路由跳转方法
$route是指路由信息对象，包括name,path,query,等
8,vue中key值的作用
V-for循环是为了高效的更新渲染虚拟DOM
9,JS的几种数据类型
String,Number,Boolean,Undefined,null,Object
10,函数的继承
1，原型链继承prototype
Function one(){this.name=’要被继承的’}
Function two(){this.age=’要继承的’}
Two.prototype=new one();  //实现继承
2，借用构造函数继承，call(),apply()
Function one(name){this.name=name}
Function two(name){one.call(this,name)}
//call(),表示把one方法继承到two方法中，传入this代表two方法
3，组合继承，是指即使用原型链又使用构造函数方法中call()实现继承，
步骤是先将构造函数用原型链的方法继承，然后在将此函数继承给其他函数
 11,函数的几种类型
1，构造函数：
一般是用new 来调用的函数，首字母一般都大写
2，回调函数：
在A函数中调用B函数，则A函数就代表回调函数
3，闭包函数：
函数作用域中声明的变量，在全局作用域下是无法进行访问的，但有时候我们又需要在全局中去访问函数内的变量，这个时候我们就需要用到闭包。
在函数A中，再定义一个函数a，用子函数a去控制父函数A中的变量，调用父函数A时，将子函数a返回给调用者，这就称之为闭包。
12,display属性
Display:none
此元素不被显示
Display:block
此元素为块级元素显示
Display:inline;
此元素为内联元素，元素前后没有换行符
Display:inline-block
行内块级元素
Display:list-item
此元素会作为列表显示
13,截取字符串
Slice(start,[end])  substring(start,[end])
第一个参数代表开始的位置，第二个参数代表结束位置的下一个位置
Substr(start,leng)
第一个参数代表开始的位置，第二个代表截取的长度
14,判断一个字符是否在数组中
Var arr=[1,2,3,4,5];  var a=’10’;
(1),indexOf:如果有返回数组下标，没有返回-1
Arr.indexOf(a)
(2),inArray:如果有返回数组下标，没有返回-1,jquery中的方法
$inArray(a,arr)
(3),for 循环遍历进行判断
15,cookie和session的区别：
(1),Cookie是存放在客户端浏览器上的，session是存放在服务器上的
(2),单个cookie一般小于4kb一个站点最多保存20个，session没有上限但局限于服务器性能的考虑
(3),Cookie只能保管ASCLL字符串并需要编码形式存储为Unicode字符串或者二进制数据
session中能够存储任何类型的数据
(4),cookie对客户端是可见的，任何人都可以获取到，不安全
Session存储在服务器端
(5),开发设置cookie属性，可以长期有效
Session只要关闭浏览器就会失效
(6),cookie需要浏览器支持，加入客户端禁止cookie则不能使用
Session，需要URL地址重写方式
(7),cookie支持跨域名访问
session不支持
16,localstorage和sessionstorage
一般都用来存储客户端的临时信息，只能存储字符串类型的对象
区别：local存储生命周期为永久，除非用户清除浏览器上的信息
  Session周期只限于当前页面，如果关闭则失效
17,小程序的生命周期
初始化App.js文件中:
onLaunch()：全局初始化时加载只加载,全局只触发一次
onShow():   监听小程序显示，小程序启动或从后台进入小程序中
onHide():	  监听小程序隐藏，小程序从前台进入后台中
普通页面中：
onLoad(options):监听页面加载,options可以打印页面传递的数据
onReady():页面初始化渲染完成
onShow():监听页面显示，监听页面来回跳转