前端找到第一份前端工作，做得很吃力，被劝退怎么办？

下面我总结一下零基础学前端要掌握的知识点及前端面试常见问题：

一、CSS问题
1.flex布局
2.css3的新特性
3.img中alt和title的区别
4.用纯CSS创建一个三角形
5.如何理解CSS的盒子模型？
6.如何让一个div水平居中
7.如何让一个div水平垂直居中
8.如何清除浮动？
9.css3实现三栏布局，左右固定，中间自适应
10.display:none 和 visibility: hidden的区别
11.CSS中 link 和@import 的区别是？
12.position的absolute与fixed共同点与不同点
13…transition和animation的区别
14.CSS优先级
15.雪碧图：

二、JS问题
1.typeof和instance of 检测数据类型有什么区别？
2.使元素消失的方法
3.es6的新特性都有哪些？
4.和=区别是什么？
5.常见的设计模式有哪些？
6.call bind apply 的区别？
7.js继承方式有哪些？
8.你怎样看待闭包？
9.你是如何理解原型和原型链的？
10.浏览器渲染的主要流程是什么?
11.从输入url地址到页面相应都发生了什么？
12.session、cookie、localStorage的区别
13.js中跨域方法
14.前端有哪些页面优化方法?
15.Ajax的四个步骤
16.数组去重的方法
17.ajax中get和post请求的区别
18.ajax的状态码
19.移动端的兼容问题
20.JS中同步和异步,以及js的事件流
24.DOM diff原理
25.作用域、全局作用域
26.Promise处理异步
27.map和forEach的区别、相同点
28.async await函数
29.this指向
30.原型
31.异步回调（如何解决回调地狱）
32.前端事件流
33.事件如何先捕获后冒泡？
34. 如何判断一个变量是对象还是数组（prototype.toString.call()）。
35. setTimeout 和 setInterval的机制
36. splice和slice、map和forEach、 filter()、reduce()的区别

三、VUE问题
1.聊聊对vue的理解
2.V-model的原理是什么？
3.谈谈对生命周期的理解
4.VUE和REACT有什么区别？
5.vuex的流程
6.vuex有哪几种状态和属性
7.vue路由的两种模式
8.vue中 key 值的作用
9r o u t e 和 route和route和router的区别
10.vue-router守卫
11.axios是什么？怎么使用？描述使用它实现登录功能的流程？
12.vue修饰符
13.vue项目中的性能优化
14.vue.extend和vue.component

四、React问题
1.react和vue的区别
2.redux中的reducer（纯函数）
3.react的refs
4.react中的keys
5.React的生命周期
6.React子组件向父组件传值
7.为什么虚拟DOM会提高性能
8.diff算法
9.简述下flux的思想
10.reac性能优化是哪个周期函
11.react怎么划分业务组件和技术组件
12.setState

五、性能优化
1.webpack打包文件体积过大？（最终打包为一个js文件）
2.如何优化webpack构建的性能
3.移动端的性能优化
4.Vue的SPA 如何优化加载速度
5.移动端300ms延迟
6.页面的重构

学基础内容不难，但把基础学的扎实了，这也是需要时间的。喜欢这篇文章的小伙伴们请留下你们的点赞+评论哦，小编在这谢谢啦。