故事开头看到一个帖子，讲的是一个普通院校毕业的程序员。做前台5年左右，中间在三家公司工作过，都属于中等规模的互联网公司和创业型公司，规模都不大。 进不了大厂很苦恼，一直在中小公司打滚。 有段时间他几乎每天都在面试，从普通小公司到上市公司再到一线大公司(阿里、腾讯、字节跳动)。 但是，实际上有两种反馈得到的最多，学历不够的或者跟着跑的。 应该还有很多其他想冲击大厂的同学会得到其他两种反馈，技术深度不够，或者简历上缺少项目。 最终，他们要么没有得到面试机会，要么面试失败。 在这个前提下，你很容易形成一个死循环，一直在中小公司徘徊。中小公司多以业务为主，技术建设相对欠缺。所以新技术得不到实践机会，你每天忙于各种业务需求，周围氛围不好，最终会影响你能力的提升。 突破困境:1。提高自己的学历。找前台工作，学历重要吗？重要的 如果有人告诉你这不重要，那是骗人的。 现实是大专供不应求，本科就够了，硕士占优势，大专以下找工作靠运气和真实力。 如果是专科生，可以通过自考本科来提升学历，帮助不大。 至少有更多的HR可以看你的简历。 还有就是利用技术优势弥补学历短板。你要比学历高的人技术更好，让别人看到并认可你的能力。 2.提高技术前景开发的基础知识，需要扎实深入的学习，达到熟练的水平。 掌握HTML +CSS，HTML是网页的核心，这是前台最基础的知识。 学好CSS是网页外观的重要一点，CSS有助于让网页外观更加美观。 学好JavaScript，学会JavaScript的基本语法，学会如何使用JavaScript编程，会提高开发者的个人技能。 多读一些原生JS代码。 要学好SQL语句，需要会添加、删除、检查语句。在前台开发中，有必要使用数据库来构建动态页面。但是数据库中有很多产品，开发者遇到这种情况也不用担心，因为他们都会遵循标准的SQL准则。 学好主流Web框架。当你掌握了HTML，CSS，JavaScript，就要找一个Web框架来加速你的Web开发。使用框架可以节省您大量的时间。 课太多了，要根据自己的需求有选择地学习。 了解浏览器的工作原理。 明确各大浏览器的兼容性，各自的优缺点等等。 这对前台开发过程很有帮助。 确保你的发展方式跟上时代，技术更新换代非常快，尤其是前端技术广泛而深刻，你有很多知识要学，所以一定要保证方向正确，跟上技术潮流。 前台资料参考空间有限。如果需要以下材料，可以点击这里免费获取文章中所有前台面试材料的完整PDF文档！1.前台的基本HTML。如何理解HTML结构的语义？说说标题和alt属性。Html5有哪些新特性，去掉了哪些元素，标签的作用是什么？如何使用？浏览器如何管理和加载Html5的离线存储资源？iframe有哪些缺点？HTML W3C的标准Doctype函数是什么？如何区分严格模式和混杂模式？它们是什么意思？HTML的全局属性是什么？viewport的内容属性有什么作用？元相关的div+css布局相比表格布局有什么优势？简述src和href的区别。网页制作中使用的图片格式有哪些？如何在HTML5页面中嵌入音视频？......CSS水平居中方式和垂直居中方式link和@import的区别。什么是三栏布局(中间两边固定宽度)BFC有什么用？css3有哪些新特性？为什么要初始化CSS样式的IE盒子模型和W3C盒子模型？请解释一下CSS3的Flexbox(弹性框布局模型)，适用的场景显示:什么时候inline-block不会显示差距？内联元素float:left可以成为块级元素吗？如果动画需要手工编写，你认为最小时间间隔是多少，为什么？显示器:直列式模块何时显示间隙？CSS权重和计算规则Sass和LESS是什么？人们为什么使用它们？手写笔，sass，less rgba()和opacity的透明效果有什么区别？px em和css的区别是实现了一个连续的动画效果重排和重绘。什么会触发重排和重绘？......JavaScript原型链(1)创建对象有几种方式？(2)实例化的原则？一(1)班公告？(2)生成实例？宣告一个类，如何生成该类的一个实例？继承(1)1)调用和应用的异同？(2)用javascript实现对象继承的几种方式，以及这些方式的优缺点？Scope (1)说说你对scope chain的了解？(2)这个？JS闭包(1)闭包的特点？(2)闭包应用场景？(3)闭包在实际开发中的应用？Js运行机制，单线程，异步(1)你是怎么知道JS单线程的？(2)为什么2)js是单线程的？(3)同步和异步有什么区别？分别举个同步和异步的例子？(4)什么时候需要异步？(5)什么是任务队列？(6)请陈述以下价值观？(7)栈和队列的区别？(8)栈和堆的区别？(9)什么是事件循环？(10)事件循环过程？(11)哪些语句将被放入异步任务队列？(12)什么时候放入任务队列的？JS数据类型(1)JS使用typeof可以得到哪些类型？(2)如何准确判断变量是否为数组类型？(3)3)js变量按存储方式分为哪些类型，并描述其特点？(4)4)null和undefined的区别？(5)5)undefined的典型用法？(6)null的典型用法？(7)在Chrome 60+浏览器中，哪一个是A = = B？JS内置的函数和对象(1)JS内置的函数/数据封装类对象有哪些？(2)2)js中内置的对象有哪些？(3)3)js变量按存储方式分为哪些类型，并描述其特点？(4)字符串方法/字符串对象方法？(5)数组方法/数组对象方法？(6)数组API？(7)对象API？阵列重复数据消除(1)如何对阵列进行重复数据消除？(2)比较上述阵列重复数据消除方法的速度？(3)阵列重复数据消除一句话？(4)保留数组中不重复的元素？(5)在数组中保留重复的元素？JS逻辑判断内存泄漏(1)哪些操作会导致内存泄漏？(2)如何处理2)js内存泄漏DOM(1)DOM是一种什么样的基本数据结构？(2)2)DOM操作的常用API有哪些？(3)3)DOM节点的attribute和property有什么区别？(4)dom结构操作/如何添加、删除、移动、复制、创建和查找节点/DOM操作的常用api？(5)dom事件的级别？(6)dom事件模型？(7)dom事件流？(8)描述dom事件捕获的具体流程？(9)9)事件对象的常见应用？(10)设置自己的事件/模拟事件？(11)通用事件绑定/编写通用事件监控函数？(12)DOM树和渲染树的关系/DOM树和渲染树的区别(第二条和第三条)？BOM(1)BOM的常见属性？沟通(1)什么是同源策略和限制？(2)前后台如何沟通？(3)跨域交流的几种方式？(4)jsonp实现？(5)三个可以跨域的标签？(6)三种跨域标签的使用场景？Ajax(1)Ajax请求/手写的原理一个Ajax请求？(2)readyState？(3)异步和同步的区别3)ajax？(4)4)Ajax用什么方法传递中文？错误监控(1)前台错误的分类/如何检测js错误/如何保证你的产品质量？(2)错误的捕捉方式？(3)错误报告的基本原则？模块化(1)1)amd和cmd有什么区别？(2)2)amd和commonJs有什么区别？如何应用虚拟DOM(1)vdom，核心api是什么？(2)将虚拟dom转换成真实dom？(3)diff实现流程？Js基础(1)JS的知识？(2)请陈述以下代码输出的值？(3)重写下面的代码，依次输出0-9。(4)如何区分数组对象、普通对象和函数对象。(5)面向对象和面向过程。(6)面向对象的三个基本特征。(7)7)XML和JSON的区别？(8)Web Worker和webSocket？(9)Javascript垃圾收集方法？(10)新操作员具体做了什么？(11)JS延迟加载的方式有哪些？(12)web应用主动从服务器向用户推送数据的方式有哪些？2.前台框架Vue:知识点:1。vue-cli项目2。vue核心知识点3。vue-router4。vuex5。http请求6。UI风格7。常见功能8。MVVM设计模式反应知识点:1。基础知识2。使部件3起反应。React Redux4。反应路线3。前台算法的时间复杂度位运算左移。& lt向右移动>:& gt排序链表按位操作二叉树递归从古至今，成功一直在尝试。 如果你不尝试，你永远不会成功 勇敢的尝试是成功的一半。