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

清疚 2022-11-12 10:56 187阅读 0赞

身边有一位朋友，自学前端转行，看了很多视频和书，视频为主，自己也敲了些代码，很少，学了html,css,js和vue框架，小程序，uni-app也学习过。现在好不容易找到一份工作，手很生，完不成项目进度，一些简单的业务完成都很难，现在被领导劝退了。

--------------------

其实我觉得应该是他自学的过程中很多基础的没有学扎实，学过蛮多的技术，比如html，css，JavaScript，框架，等等，这些基本上都是学过，也能回答上一二，但是在完成公司给的工作起来是比较吃力的。

自学本身就很不容易，能找到一个比较不错的工作确实是很不错了，但是本身技术方面不是很全面，在工作中也是一种煎熬。

我的建议是从头梳理下自己的技术，从最基础的html和css，JavaScript开始，多找一些测试题，小的项目去实操，一定得把自身的基础大扎实，不然后续学习深入的技术也没办法学好的，总是差那么一点点的感觉，但是又说不上来这种感觉到底是差在哪里。

现在已经坚持到这来了也算是比较不错的，就是再继续去巩固下技术，全面的实操实践，把知识点和技术梳理好，多做一些总结，这样也可以了解到自己掌握了多少。

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

### 一、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 值的作用  
9 r 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.页面的重构

**所有的知识点都有详细的解答，我整理成了280页PDF《前端校招面试真题精编解析》。**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1Z28yMzM_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1Z28yMzM_size_16_color_FFFFFF_t_70 1][]

#### 完整版面试题资料免费分享，只需你点赞支持，[动动手指点击此处就可免费领取了][Link 1]。 ####

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1Z28yMzM_size_16_color_FFFFFF_t_70]: /images/20221022/2f0e9d71075a4dfa8491d7d5b01b127e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1Z28yMzM_size_16_color_FFFFFF_t_70 1]: /images/20221022/b5bf57350e54452cac568a44837d3636.png
[Link 1]: https://jq.qq.com/?_wv=1027&k=ZEKfV3Ax