总结第一波~~~

mysql笔试题(1)

---

1.varchar VS char

　　varchar 是变长,最多存储65535字节
　　char 是定长,最多存储255字节
　　1英文字符=1个字节
　　1汉字=2个字节
　　1繁体汉字=3个字节
　　varchar(50) 存放50字符

2.打开网络地址并响应的过程:

　　DNS服务器获取IP地址并返回给浏览器,浏览器再通过IP地址向web服务器发送请求,web服务器从文件服务器获取网页中所需要的文件,从数据库获取网页所需要的数据,最后将完整的网页响应给浏览器

3.continue和break

　都是用来控制循环体
    continue跳过当前一次循环,继续执行下一次循环
    break 直接终止整个循环

4.typeof 返回的类型

　　 string,number,boolean,undefined,object,function 

5.NodeJS的优点和缺点

　　优点:NodeJS设计思想是以事件驱动,异步,非堵塞 I/O 密集型为核心,非常适合高并发请求,编写的方式与 js 一致,因此客户端和服务器可用同一种语言.
　　缺点:不适合CPU密集型任务的开发

6.img标记属于--->行内元素

7.隐藏网页中的元素
　　display:none; 脱离文档流,不占页面的空间
　　opacity:0; 不显示,但是占页面位置,可以添加事件
　　visibility:hidden; 不显示,占页面空间

8.改变默认计算框模型的方式属性---->box-sizing:border-box

9:transition VS animation
　　animation和transition大部分的属性是相同的,都是随事件改变元素的属性值
　　区别:transition需要触发一个事件才能改变属性,而animation不需要触发任何事件的情况下也会随时间改变属性值.transition只要2帧,from ...to ,animation是由多个transition组合到一起的,一般多帧

10.网页中实现元素水平垂直居中
　　1.绝对定位+margin

　position:absolute;
　left:50%;
　top:50%;
　margin-left:-25%;
　margin-top:-25%;

　　2. 弹性布局+设置容器的水平和垂直居中对齐属性

display:flex;
justify-content:center;
align-items:center;

　　3..绝对定位+transform

position:absolute;
left:50%;
top:50%;
transform:translate(-width/2,-hight/2)

11.改变页面元素的定位方式

　　 float,relative,absolute,fixed 

　　float:让多个块级元素在一行中显示

　　relative:相对定位,相对于自己的位置做一个微调.

　　absolute:绝对定位,堆叠顺序,弹出菜单

　　fixed:相对于body去固定元素在页面中的位置

12.异步请求请求数据的步骤

　4步:

　　创建异步对象(xhr) , 绑定监听事件(onreadystatechange) , 打开连接 (open(method,url,boolean)) , 发送请求 (send(body/null))

　　　　 //创建xhr
        var xhr=createXhr();
        //绑定监听
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4&xhr.status==200){
                //var result=xhr.responseText;
                var result=xhr.responseXML;
                console.log(result);
            }
        }    
        //打开连接
        xhr.open("get","student.xml",true)
        xhr.send(null);

13.JSON

　　JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。js对象的一种表现方式 , js对象的数据格式表现出来的字符串.

　　JSON字符串转换为JS对象:JSON.parse()

　　JS对象转换为JSON字符串：JSON.stringify(obj);

14.状态码

　　301:永久重定向

　　302:临时重定向

　　304:请求资源为被修改,命中缓存

　　404:(未找到) 服务器找不到请求的页面

　　400:(错误请求) 服务器不理解请求的语法

　　403:(禁止) 服务器拒绝了请求

15.jQuery中$的原理

    $其实是创建jQuery类型子对象的意思,包括以下四种情况
        1.如果传入选择器,$会查找DOM元素,并保存jQuery对象
            优化:如果传入的选择器简单,则调用按HTML查找API,如果传入选择器复杂,则调用按选择器查找的API
        2.如果传入DOM元素,$会直接封装DOM元素进jQuery对象
        3.如果传入HTML片段,$会创建新元素,封装进jQuery对象
        4.如果传入function函数,$会绑定DOM内容加载后执行的事件

16.响应式网页

　　1.媒体查询技术(css3)

　　2.弹性布局+流式布局

　　3.相对尺寸

　　4.声明 viewport 元标签

17.HTML查找和选择器查找的区别

　　按照HTML返回的动态集合,按选择器查找返回非动态集合

　　效率不同:HTML查找的效率高,按选择器查找效率较低

　　应用性:当调剂复杂是,按html查找比较繁琐,按选择器查找更简洁

18.DOM优化

　　1.查找时:一个条件-->html;多个条件--->选择器

　　2.添加时:子元素先添加到父元素,再将父元素整体添加

　　3.修改时:同时修改多个元素的内容和样式使用 innerHTML,class

　　4.事件绑定时,尽量减少冒泡的个数

19.实现动画的方式

　　css:transition animation : 效率高,无法控制交互行为

　　js:定时器 $().animate() : 交互行为强,效率较低

　　requestAnamationFrame() : 兼容性不高

20.vue的生命周期

　　8个 创建前后,载入前后,更新前后,销毁前后

　　　　　　　 1.创建（create）阶段：创建组件对象，和模型数据对象
               new Vue({ data: { ... } })
               Vue.component("xxx",{ data:function(){ return { ...}}})
             2. 挂载（mount）阶段：扫描真实DOM树，创建虚拟DOM树，并绑定模型中的数据到视图中
               new Vue({ data: { } , el:"#app"})
               Vue.component("xxx",{
                  data:function(){ return { ...}},
                  template:"#template"
               })
             3. 更新（update）阶段：只要模型数据发生变化，就更新组件的内容和DOM树
             4. 销毁（destroy）阶段：主动调用了$destory()函数，销毁组件时