前端面试（综合.git）

1、前端存储

cookie 缺点是在请求头上带着数据，4k

localstorage  存储没有时间限制，以键值对方式存储。每个域名5M，常用API，getItem，setItem，removeitem，key，clear

sessionstorage 与上述的使用方法相同，只是sessionStorage在关闭页面之后会被清空，存储于客户端，不能跨域。

websql与indexeddb  前者兼容性比较好，但 后者是趋势。

2、BFC

块级格式化上下文，布局不受外界影响，在BFC中盒子会从顶端垂直的一个一个排列。

3、git使用，连接远程github,克隆下来，并建立ssh链接

生成ssh:    ssh-keygen -t rsa -C youremail.gmail.com

一路回车，上面有公钥的地址，文件是id_rsa.pub

回到项目的git上，在setting>ssh keys中添加id_rsa.pub中的信息，即可。

git clone git@github.com:dizhi/miaomiao.git     克隆项目下来

 cd miaomiao   打开文件夹修改即可。

一般在master上，然后提交时：

git add .（后面有一个点，意思是将你本地所有修改了的文件添加到暂存区）

git commit -m""(引号里面是你的介绍，就是你的这次的提交是什么内容）

git pull origin 远程分支名    （一般开始时master）

git push

结束

创建分支：git checkout -b name

切回主分支：git checkout master

4、css，js压缩代码 可以应用webpack的 UglifyJsPlugin压缩插件完成。

CDN：内容分发网络，分布式存储，特点：镜像服务，cache加速。

图片整合，减少网站的HTTP请求。

5、项目上线流程

模拟线上开发环境

模拟线上测试环境

可连调的测试环境

自动化的上线系统

6、gulp侧重于前端开发的整个过程，像是流水线。而webpack更倾向于模块打包，通过loader和plugins 对资源进行处理的。

7、网站防盗链，通过referer，在oss控制台设置一下就行。

8、Nginx：高性能的HTTP和反向代理服务器，网站负载均衡。

9、响应式布局，用@Media 设置，根据分辨率加载不同的样式。

弹性布局，或等比缩放布局。

10、xss攻击，在用户界面进行js代码注入，把输入的内容进行转义即可

csrf攻击：跨站请求伪造，在请求地址中添加 token 并验证，就是一个随机token