框架相关
原生JS虽能实现绝大部分功能,但要么就是过于繁琐,要么就是存在缺陷,故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架,两者工作原理上存在共通点,也存在一些不同点,对于校招来说,不需要两个框架都学得特别熟,一般面试官会针对你简历中写的框架进行提问。
在框架方面,生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的,在学习的过程可以结合框架的官方文档
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
Vue框架
知识要点:
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式
React框架
知识要点:
1. 基本知识
2. React 组件
3. React Redux
4. React 路由
左列定宽,右列自适应
两列定宽,一列自适应
使用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 {
js基础
1)对js的理解?
2)请说出以下代码输出的值?
3)把以下代码,改写成依次输出0-9
4)如何区分数组对象,普通对象,函数对象
5)面向对象、面向过程
6)面向对象的三大基本特性
7)XML和JSON的区别?
8)Web Worker 和webSocket?
9)Javascript垃圾回收方法?
10)new操作符具体干了什么呢?
11)js延迟加载的方式有哪些?
12)WEB应用从服务器主动推送Data到客户端有那些方式?
N的区别?
8)Web Worker 和webSocket?
9)Javascript垃圾回收方法?
10)new操作符具体干了什么呢?
11)js延迟加载的方式有哪些?
12)WEB应用从服务器主动推送Data到客户端有那些方式?
[外链图片转存中…(img-6EZz4otF-1715697597111)]
[外链图片转存中…(img-saHKxlJ0-1715697597112)]