前端面试高频知识点（持续更新版）

day1

一.Css

1.快速实现上下左右同时居中对齐

父盒子display:flex
子盒子margin:auto

2.padding与margin的最主要区别

作用对象不同
padding内边距针对自身
margin外边距作用外部对象

3.vw与百分比的区别

%有继承关系
vw只和设备的宽度有关

4.行内与块级元素

行内元素宽高由内容决定
块级元素宽度继承父亲

5.如何让谷歌浏览器支持小字体

transform:scale(0.8)

二、JS

1.let与var

var缺点：
变量提升;
没有块级作用域;
声明覆盖不报错

day2

2.深拷贝与浅拷贝

数组与对象的赋值都叫做浅拷贝（藕断丝连）
解构赋值针对一维数组和对象是深拷贝，多维的是浅拷贝

day3

三、性能优化

1.浏览器输入url并回车后都发生了什么

url：统一资源定位符，俗称网址；是IP的一个映射
https：传输协议；在http和TCP之间加了一层TLS或SSL的安全层
www：万维网服务器
baidu.com：域名

第一次访问：
解析url：DNS域名系统匹配真实IP
建立连接：TCP三次握手
拿数据：渲染页面
四次挥手

第二次访问：
将域名解析的IP存在本地
读取浏览器缓存

2.浏览器渲染过程

3.日常开发性能优化

加载：
减少http请求（精灵图；文件的合并）
减小文件大小（资源压缩：图片压缩；代码压缩）
CDN（第三方库：通过链接引入大文件、大图）
SSR服务端渲染，预渲染
懒加载
分包（小程序）
浏览器性能：
减少dom操作，避免回流，文档碎片

牛客面经及答案汇总

day1

1.vue和react区别
https://blog.csdn.net/sinat_41696687/article/details/123311438
2.深拷贝，浅拷贝区别，实现方式
https://blog.csdn.net/dong_xiaoqiang/article/details/105178861
3.vue路由的两种模式
https://blog.csdn.net/weixin_55778010/article/details/126005006
4.vue响应式原理
https://zhuanlan.zhihu.com/p/346261397
5.ajax同步异步区别，使用场景
https://blog.csdn.net/weixin_45249263/article/details/125031287
6. document.write和innerHTML区别
document.write只能重绘整个页面，innerHTML可以重绘页面的一部分。
7.编写高性能js代码需要注意哪些事项
http://t.zoukankan.com/KruceCoder-p-9770722.html
8.es6新特性
https://blog.csdn.net/qq_56966124/article/details/124264185
9.computed和watch使用场景
https://blog.csdn.net/d_agege/article/details/123793809
10.v-bind和v-model区别
https://www.jianshu.com/p/0e8882a99e1e
11.vue通信方式
https://blog.csdn.net/qq_55870308/article/details/124343644
12. 微任务和宏任务的区别
https://blog.csdn.net/shuyue_/article/details/118995261
13.什么是跨域，怎么解决跨域问题
Cors res.set(‘Access-Control-Allow-Origin’,*)
JSONP
Node中间件、Nginx反向代理
Postmessage
https://blog.csdn.net/lymt95/article/details/121574374
14.事件委托是什么？
https://blog.csdn.net/weixin_50580285/article/details/117374798
15.websocket
https://blog.csdn.net/m0_64346035/article/details/124910497
16.tcp和udp区别
https://m.php.cn/faq/463414.html
17.重绘重排区别，什么属性引起重绘，什么属性引起重排
https://blog.csdn.net/qq_38211541/article/details/106005844

day2

1.v-if和v-show
https://blog.csdn.net/qq_66871052/article/details/125227565
2.vue中data初始化什么时候
Beforecreated之后，created之前
3.JS数据类型
基本数据类型：Number, String, Bool, Null, Undefined, BigInt, Symbol -> 栈
复杂（引用）数据类型：Object（对象、数组、正则、日期、Math）-> 堆
4.区别
https://blog.csdn.net/m0_64547652/article/details/125279113
5.position的四个属性以及之间的区别
https://blog.csdn.net/sinat_41747081/article/details/88541644
6.tcp和udp区别
https://m.php.cn/faq/463414.html

day3

1.html 解析流程
https://blog.csdn.net/qq_34639706/article/details/120216483
2.JS事件循环
https://blog.csdn.net/chenrongwei92/article/details/120877134
3.Vue双向绑定原理
https://blog.csdn.net/weixin_52092151/article/details/119810514
4.css实现三栏布局
https://www.jianshu.com/p/dbb5b520f8bd

day4

1.jsonp实现跨域
https://blog.csdn.net/qq_39465116/article/details/125921850