末流985毕业，一年前端经验，从小厂辞职的我面临失业危机

Posted 2021-09-04 不爱码字的程序员-

前言

博主19年本科毕业，末流985，一年多一点工作经验，之前一直在一家不知名小厂做前端开发，个人技术也勉勉强强吧，毕竟工作后很多面试的东西不看了，天天在写业务，所谓“业务”，就是crud+表单表格那种，一开始实际水平一开始还没校招时候好，复习完后，才好起来了。

一年的工作经验跳槽是个挺尴尬的年限，跳槽的原因是因为之前待遇太低了，被应届生倒挂了百分之30+，倒挂百分之10左右我都可以接受，加上又是996，自己一个人扛三四个项目，参与三四个项目的部分模块。即做前端还写后端，兼职运维，外加客服（写了别人的工具和与别人对接的服务），非常非常累，就找机会撤了。     

6月提离职，之后公司项目紧又天天加班的干了一个半月，7月中旬离职开始面试，离职前就面了腾讯，离职后面了剩下的，复习了大概一周左右时间。

为啥要离职再面是因为天天加班根本没时间复习，没离职之前面了一个被血虐，然后下狠心裸辞全心全意的准备，结果一周内面了四个全通过，估计现在再去面腾讯和头条也通过概率会很高了。没面头条的原因是是在不想再去加班了，而且说实话还是有点虚，虽然刷了算法并且觉得现在知识几乎没盲点了。

一年工作经验跳槽挺尴尬的，愿意给1年经验面试的公司真还挺少的，所以最后也就面了几家，把深圳愿意给1年经验的公司面完了。

个人意愿：至少c轮以上初创，最好大厂。

面了：微信、招银网络科技、小赢科技、携程、客路旅行。

面试结果：除了微信全部通过，待遇总包都在22-30W之间，大概勉强赶上今年应届生价格吧。不过很多也比我之前涨了百分之50以上，而且这些没有一家是周末强制加班的，还是很满意的。最后去了招银网络科技，总包大概今年应届硕士的开发总包。

下面博主分享一下这段时间主要复习的点，希望可以帮助一些想要换工作的小伙伴。

博主分享的这个面试题资料涵盖了：JS、JQuery、数据请求相关问题、ES6、Vue、React、微信小程序、ios/Andriod浏览器适配问题整理、Pc端兼容性问题、项目类问题、笔试编程题等。

注：需要完整版前端资料的小伙伴可以直接去文末领取

JS

• JS是一种什么样的语言?
• JS数据类型有哪些?
• 介绍JS有哪些内置对象？
• 栈与堆的区别?
• js中的作用域与变量声明提升
• 如何转化类型?
• 什么是面向对象编程及面向过程编程，他们的异同和优缺点
• 面向对象编程思想
• 如何解释this在js中起的作用?
• js中this的用法（经典）：
• ☆说说JS原型和原型链
• 如何准确判断一个变量是数组类型?
• ☆call和apply的区别和作用?
• 继承的方法有哪些？
• ☆什么是闭包？闭包有什么作用？
• 事件代理（事件委托）:
• 事件的各个阶段
• ☆new操作符在创建实例的时候经历了哪几个阶段
• 异步编程的实现方式
• 对原生JS了解程度
• js延迟加载的方法有哪些？
• 数组从小到大排序？
• 求从大到小排序可以先使数组从大到小排序,然后添加reverse()方法，使数组顺序颠倒

JQuery:

• 你觉得jQuery或zepto源码有哪些写的好的地方
• jQuery的实现原理？
• jQuery.fn的init方法返回的这指的是什么对象？为什么要返回这个？
• jQuery.extend与jQuery.fn.extend的区别？
• jQuery的属性拷贝（extend）的实现原理是什么，如何实现深拷贝？
• JQuery的队列是如何实现的？队列可以用在哪些地方?
• jQuery中的bind（），live（），delegate（），on（）的区别？
• jQuery一个对象可以同时绑定多个事件，这是如何实现的？
• 针对jQuery的优化方法

数据请求相关问题

• http请求方式有哪些？
• http的状态码有哪些？分别说下它们的含义
• 请描述一下get与post的区别
• get请求传参长度的误区
• http和https有何区别？如何灵活使用？
• 什么是AJax?为什么使用Ajax?
• 简述ajax的过程。
• Ajax优缺点？
• XMLHttpRequest通用属性和方法
• Ajax请求跨域接口，发送了几次请求？
• 跨域的几种方式
• web应用从服务器端主动推送data大客户端有哪些方式?
• 如何实现浏览器内多个标签页之间的通信? (阿里)
• webSocket如何兼容低浏览器？(阿里)
• fetch、ajax、axios之间的详细区别以及优缺点：
• 为什么要用axios？
• axios是什么？怎么使用？描述使用它实现登录功能的流程？
• xml和json的区别？

ES6

• 列举常用的ES6特性：
• 箭头函数需要注意哪些地方？
• 箭头函数和普通函数之间的区别
• let、const、var
• 拓展：var方式定义的变量有什么样的bug？
• 箭头函数this的指向。
• 手写ES6 class继承。
• ES5的继承和ES6的继承有什么区别?
• ES6 class 的new实例和ES5的new实例有什么区别?
• generator生成器函数:
• 什么是async/await及其如何工作?
• Promise和async await以及它们之间的区别:
• async函数的基本用法:
• async与generator的区别?
• 简单实现async/await中的async函数
• 有用过promise吗？请写出下列代码的执行结果，并写出你的理解思路

React

• react的优势以及特点
• React中的props和state的用法
• react组件之间如何通信？
• 为什么虚拟DOM会提高性能？
• react生命周期函数：
• react性能优化是哪个周期函数？
• 在生命周期中的哪一步你应该发起AJAX请求？
• 概述一下REact中的事件处理逻辑
• 如何告诉React它应该编译生产环境版本？
• 调用setState之后发生了什么？
• react的setState的原理及用法
• setState为什么是异步的?
• 传入setState函数的第二个参数的作用是什么?
• shouldComponentUpdate的作用是啥以及为何它这么重要？
• createElement与cloneElement的区别是什么？
• 为什么我们需要使用React提供的Children API而不是JS的map？
• React中的Element与Component的区别是？
• 在什么情况下你会优先选择使用class Component而不是functional Compone
• React中refs的作用是什么？
• React中keys的作用是什么？
• diff算法？
• React性能优化方案？
• react怎么从虚拟dom中拿出真实dom

其他知识点面试题

Node的应用场景
谈谈你对webpack的看法
gulp是什么？
常见的web安全及防护原理
XSS原理及防范方法
CSRF的原理及防御
XSS与CSRF两种跨站攻击
common.js AMD CMD的区别
ES6模块有CommonJS模块的差异
网页验证码是干嘛的，是为了解决什么安全问题
webpack的原理
webpack的loader和plugin的区别？
怎么使用webpack对项目进行优化?
防抖、节流
浏览器的缓存机制
描述一下二叉树, 并说明二叉树的几种遍历方式?

由于篇幅问题，资料实在太多，我就不全部展示了。

最后

我建立了一个前端交流学习裙：裙号是1021825891。整理了一套编程学习视频、书籍、笔记等等，需要文中详细资料的小伙伴进裙即可获得。

技术是有边界的，但是学习是无界的，共勉!