前端面试(综合.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 [email protected]: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

你可能感兴趣的:(前端面试)