react和vue的比较
相同
1）vitual dom
2）组件化
3）props，单一数据流
不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）
左列定宽，右列自适应
两列定宽，一列自适应
使用float+margin实现
使用flex实现
使用table实现
1.左列定宽，右列自适应
利用float+margin实现
.left {
float: left; /* 浮动 */
width: 80px;
height: 50px;
background-color: #FF5053;
}
.right {
margin-left: 100px; /* margin */
height: 50px;
background-color: #0062CC;
}
使用flex实现
.parent {
display: flex;
width: 400px;
height: 400px;
background-color: #007AFF;
}
.left {
flex: 1;
background-color: #2AC845;
}
.right {
width: 100px;
background-color: #8A6DE9
}
使用table实现
.parent {
display: table;
table-layout: fixed;
width: 280px;
height: 200px;
background-color: #0062CC;
}
.left {
display: table-cell;
width: 50px;
}
.right {
width: 100px;
display: table-cell;
background-color: #8A6DE9
}
两列定宽，一列自适应
基本html结构为父容器为parent,自容器为left,center,right.其中，left,center定宽，right自适应
.parent {
width: 400px;
background-color: #8A6DE9
}
.left {
width: 50px;
height: 200px;
background-color: #2AC845;
}
.right {
height: 200px;
background-color:pink
}
.center {
width: 100px;
height: 200px;
background-color:blanchedalmond
}
利用float+margin实现
.parent {
width: 400px;
background-color: #CCCCCC
}
.left {
width: 50px;
height: 100px;
background-color: #2AC845;
float: left;
}
.right {
height: 200px;
background-color:pink;
margin-left: 200px;
}
.center {
最后
我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
篇幅有限，仅展示部分截图：
.net/topics/618166371)**
篇幅有限，仅展示部分截图：
397
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
