前端框架
前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。
以 Vue 为例，我整理了如下的面试题。
（4）重启服务
2》home.vue
（1）简介
结构页
（2）页面
.container { height: 100%; } .wrapper { height: calc(100vh - 100px); } .wrapper_con { padding-bottom: 0; }3》header.vue
（1）简介
通过导航栏，可以进行一些操作。比如：折叠侧边栏、修改密码、退出登录等。
（2）页面代码
.header { padding: 0 10px; display: flex; height: 50px; line-height: 50px; border-bottom: solid 1px #e6e6e6; } .header-title { height: 50px; width: 50px; float: left; font-size: 30px; cursor: pointer; } .header-menu { height: 50px; width: 100%; flex: 1; line-height: 50px; font-size: 30px; } .header-menu-submenu { float: right; } .header-submenu-a { text-decoration: none; color: #4cc4b8; font-weight: bold; font-size: 14px; } .header-submenu-a:hover { background-color: #2c3e50; } .el-menu--horizontal > .el-menu-item, .el-menu--horizontal > .el-submenu .el-submenu__title { height: 50px !important; line-height: 50px !important; padding: 0 10px !important; } .el-menu--collapse .el-menu .el-submenu, .el-menu--popup { min-width: auto !important; } .header-span img { width: 40px; height: 40px; line-height: 40px; margin: 5px 5px 10px 10px; border-radius: 50%; } .header-span { font-size: 20px; border-radius: 50%; }4》aside.vue
（1）简介
用于定义侧边栏，显示菜单。
（2）页面
.aside { margin-bottom: 0; height: 100%; max-height: calc(100% - 50px); width: 100%; max-width: 200px; background-color: #263238; text-align: left; right: 0; } .header-logo { background-color: #17b3a3; text-align: center; height: 50px; line-height: 50px; width: 200px; font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 0; cursor: pointer; } .el-submenu .el-menu-item { max-width: 200px !important; } .el-scrollbar__wrap { overflow-x: hidden !important; } .icon-size-false i { font-size: 30px !important; } .icon-size-true i { font-size: 18px !important; }5》footer.vue
（1）简介
底部版权信息
（2）页面
.my_footer { background: #eee; color: #666; font-size: 14px; line-height: 36px; }6》content.vue
（1）简介
内容区域
最后
由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容
