前端随笔

1、JQuery说出五个常用的事件

$().ready; $().click;  $().dblclick;   $().focus;  $().mouseover;    $().on;   $off;

$().fadeIn;  $().fadeOut;

2、git说出5个常用的操作命令

git add; git commit;  git pull;  git push;  git log;  git status;  git stash;  git branch;  

git checkout;  git init; git reset --hard;

3、JS中call和apply的作用和区别

（1）在js中call和apply它们的作用都是将函数绑定到另外一个对象上去运行，改变this的指向，实现继承。

（2）两者仅在定义参数方式有所区别：

   a.call(b,arg1,arg2…)

   apply(b,[arg1,arg2])//apply只有2个参数，它将call的参数（arg1,arg2…）放在一个数组中作为apply的第二参数

   具体的应用场合根据参数而定。

4、JS中闭包的作用

定义：能够读取其他函数内部变量的函数（闭包就是将函数内部和函数外部连接起来的一座桥梁）

作用：一个是前面提到的可以读取函数内部的变量（即在函数外能读取局部作用域中的变量），

      另一个就是让这些变量的值始终保持在内存中。

5、Cookie和Session的比较和区别

答：

相同：

cookie和session都是用来跟踪浏览器用户身份的会话方式。

区别：

（1）cookie数据存放在客户的浏览器上，session数据放在服务器上。

（2）cookie不是很安全，别人可以分析存放在本地的COOKIE并进行COOKIE欺骗

   考虑到安全应当使用session。

（3）session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能

   考虑到减轻服务器性能方面，应当使用COOKIE。

（4）单个cookie保存的数据不能超过4K，很多浏览器都限制一个站点最多保存20个cookie。

（5）所以个人建议：

   将登陆信息等重要信息存放为SESSION

   其他信息如果需要保留，可以放在COOKIE中

6、Cookie和sessionStorage的比较和区别

共同点：

都是保存在浏览器端，且同源的。

区别：

（1）cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。

（2）cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。

（3）数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。

（4）作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知机制，可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更方便。

7、display的属性用法，注意flex的用法

常用：

none：此元素不会被显示。

block：此元素将显示为块级元素，此元素前后会带有换行符。

inline：内联元素、

flex: 多栏多列布局（适合移动端使用）

8、同步请求和异步请求的理解

同步：提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事

异步: 请求通过事件触发->服务器处理（这是浏览器仍然可以作其他事情）->处理完毕