中国新年就要到了。你是已经在实习了，还是已经辞职回家过年了，年后准备再找工作，还是错过了秋招准备2021年春招？那么还没有踏出校门或者刚刚踏出校门的同学应该如何准备前台的面试呢？首先，你必须准备好自己的简历，这往往是给面试官的第一印象。 简历一般包括个人基本信息、专业技能、项目经历等模块。 基本信息模块我就不说了。太基础了。 专业技能:在专业技能这一节，最好列出少量的一般技术实力，以及少量的对某个技术点的深入研究。 第一，区分大的能力，比如:掌握前台的基本能力，有开发移动Web的能力，了解新技术...然后对小能力进行分类，比如:了解常见的屏幕适配方案，了解手机和PC的开发差异，了解base64等手机上常用的优化方案，最后补上亮点，比如:..学习过少量手势库，了解基本原理，能够定制少量特殊手势实现特殊功能；经历:项目经历可以这样写:参加实习项目，参加学校工作室或者编程比赛，折腾技术项目。 按照大致的时间顺序。 项目经验不是告诉面试官项目是什么，而是突出项目背后通用技术知识的应用和你处理技术问题的思路。 可以这样写:项目名称，你的角色，时间；项目简介，用一句话明确说明项目的功能和价值；技术堆栈介绍；项目中遇到的技术难点及如何处理。 其他模块:和工作能力关系不大的基本不重要，比如兴趣爱好之类的。 面试的基本流程是:自我细节、基础部分、项目经历、拓展部分(通常以面试官自己回复的内容为分歧点)，面试官提问。 自我细节面试官最好自己写一份自我细节的草稿，包括但不限于简单的个人基础。你为什么在前台学习？你获得过什么样的奖项？，虽然是写在简历里的 面试官可能会问:前台是怎么学的？你觉得前台应该做什么工作？你最近遇到了哪些技术挑战？你是怎么处理的？项目中遇到的问题是如何处理的？你通常如何学习？实习期间能完成公司交给你的工作吗？工作量怎么样？......好了，前戏快结束了。现在我们来画出基础知识的要点。 面试的主要内容包括html、css、前台基础、前台核心、前台高级、手机开发、计算机基础、算法与数据结构、设计模式、项目等等。 1.浏览器页面的三层是什么，分别是什么，有什么作用？2.2的优缺点。HTML5？3.3的作用。Doctype？如何区分严格模式和混杂模式？它们是什么意思？4.4的新特性和删除的元素是什么。HTML5？5.你的网页在哪些浏览器中测试过，这些浏览器的核心是什么？6.每个HTML文件的开头都有一个非常重要的东西，Doctype。你知道这是干什么用的吗？7.说说你对HTML5的了解？(是什么，为什么)8。WEB标准和W3C的知识？9.9中的元素是什么？HTML5行，块级元素和空元素？10.WebGL是什么，有什么优势？11.请描述一下cookies、sessionStorage和localStorage的区别？12.说说你对HTML语义的了解？13.13.link和@import的区别？14.说说你对SVG的了解？15.HTML的全球属性是什么？16.说说超链接目标属性的价值和作用？17.数据属性的作用是什么？18.你对浏览器内核有哪些详细的了解？19.常见的浏览器内核有哪些？20.iframe的缺点是什么？21.标签的作用是什么，如何使用？22.如何实现浏览器中多个标签页之间的通信？23.如何在页面上实现一个圆形的可点击区域？24.24.title和h3，b和strong，I和em的区别？25.实现不用边框画1px高线的效果，在不同浏览器的标准模式和怪异模式下都能保持一致？......CSS1。解释一下CSS的盒子模型？2.你能告诉我CSS选择器的类型并举例说明它们的用法吗？3.请介绍一下CSS的特殊性？(优先级，计算特殊值)4。有哪些方法可以用来动态改变图层中的内容？5.常见的浏览器兼容性问题及解决方案？6.列出display的值并解释它们的功能？7.如何使div和一个浮动元素居中？8.8中的link和@import有什么区别？CSS？9.请列举几种(至少两种)清理漂浮的方法？10.比较block、inline和inlink-block的细节？1.什么是优雅的退化和逐渐的强化？12.说说浮动元素带来的问题，以及你们的解决方案。13.你的性能优化方法有哪些？14.为什么要初始化CSS样式？15.解释浮动和它是如何工作的？清理的技巧？16.CSS样式表根据网页的位置可以分为哪些样式表？17.谈谈你对CSS中尺度的认识？18.请告诉我em和rem的区别？19.请告诉我盒子大小属性的用法？20.浏览器的标准模式和怪异模式有什么区别？21.什么是怪异的怪癖模式，它和标准模式有什么区别？22.告诉我你知道什么是边折？23.内联标签和块级标签有什么区别？24.隐藏元素的方法有哪些？25.为什么要重置默认浏览器风格，如何重置静默浏览器识别风格？26.你对BFC和国际金融公司了解多少？(是什么，怎么产生的，有什么作用)27。说说你在页面中使用位置的知识？28.如何处理多个元素重叠的问题？29.页面布局的方式有哪些？30.溢出:隐藏能否形成新的块级格式化上下文？篇幅有限，可以点击这里获取PDF文档的前景基础完整版。1.说说http和https2.tcp三次握手，用一句话概括。3.TCP和UDP的区别。4.4.WebSocket的实现和应用。HTTP请求的方式，头的方式。6.如何在访问后直接下载一个图片网址？7.谈论网页质量(可访问性)8。几个非常实用的BOM属性对象方法？9.说说HTML5拖api10。说说http2.011 .补充400和401，403状态码。12.发送2个请求的获取原因。13.相差13。Cookie、会话存储和本地存储。14.谈论网络工作者。15.HTML语义标签的知识。16.什么是iframe？缺点是什么？17.doctype的作用？如何区分严格模式和混杂模式？它们是什么意思？18.cookies如何防止XSS攻击？19.cookies和session的区别？20.用一句话概括RESTFUL21？21.说说视口和手机布局？22.click在ios上有300ms的延迟。为什么以及如何处理？23.addEventListener参数24。cookie会话存储本地存储差异25.cookie会话差异26。http返回的详细信息状态代码27.http通用请求标头28。强，协商缓存29。HTTP状态码告诉我你知道什么。说说30431吧。强缓存，协商何时使用哪个缓存32。前台优化。get和POST的区别34.301和302 35。如何画三角形？状态代码304和20037。说说浏览器缓存38。HTML5新增元素39。在地址栏中输入URL。40.40.cookie和session的区别，localstorage和sessionstorage的区别41。通用HTTP 42的报头。HTTP 2.0的特性43。高速缓存控制44的值是什么。浏览器生成页面时，会生成哪两棵树？46.CSRF和xss的网络攻击与防范。47.如何看网站的表现？48.HTTP协议的详细信息(功能)。谈谈对cookies和Session的认知。cookies有什么限制？49.描述一下XSS和CRSF的袭击？防御方法？50.你知道304吗？你什么时候用304？51.与缓存相关的具体请求头有哪些？52.cookie和session的区别？53.cookie中可以设置哪些字段？54.cookie的编码方式有哪些？56.既然看到了图文http，请回答一下200和304的区别。56.除了cookie，还有哪些存储方式？ 说说cookie和localStorage的区别？57.从浏览器输入URL到页面渲染的全过程。58.都是58。HTML5和CSS3用多了？你了解他们的新属性吗？你在项目中用过吗？59.常见的59.http请求方法60。GET和post 61的区别。说说302，301，04状态码62.web性能优化63。浏览器缓存机制64。64.post和get 65的区别。谈谈css盒子模型66。画一条0.5px 67的线。67 .链接标签和导入标签的区别68。68 .过渡和动画的区别69。柔性布局70。BFC(块级格式化上下文，用于清除浮动，防止边距重叠等。) 71.垂直居中的方法72。关于js动画和css3动画的区别73。谈谈块元素和线元素74。多行元素的文本省略号75 .可见性=隐藏，不透明度=0，显示:无76。双面边距重叠问题(外边距折叠)位置属性。浮动清洗79。CSS3 80的新特性。什么是CSS选择器，优先级是什么？81.如何让一个元素消失？82.83型箱子的详细资料。CSS动画如何实现？84.如何使图片在容器中居中？85.如何实现元素86的垂直居中？CSS3 87中溢出的解决方案。浮动的元素，显示88是什么。方法隐藏页面中的元素。实行三栏布局，尽量多写。浮动布局时，三个div的生成顺序是否影响90？什么是BFC91.calc属性92。有一个width300，height300，如何实现屏幕上的纵横居中93。显示:表和自己的表有什么区别94。位置属性的值是什么以及它们的区别95。z-index 96的定位方法。CSS盒子模型97。如果要改变一个DOM元素的字体颜色，不要对其进行操作？98.你了解过CSS的新属性吗？99.使用最多的css属性是什么？00.行高100和高度101的区别。设置元素的背景色，背景色会填充哪些区域？02.知道属性选择器和伪类选择器的优先级吗？103.103.inline-block、inline和block的区别；为什么img是内嵌的，还可以设置宽度和高度？104.用css实现旋转一枚硬币的效果。105.你懂重画和重排吗？你知道如何减少重画和重排吗？有哪些方法可以让文件脱离文件流？106.CSS画立方体，三角形，107。溢出原理。108.清除漂浮物的方法。109.盒子大小的语法和基本用法。110.让元素消失的方法有哪些？11.两个嵌套的div，位置是绝对的，子div设置了top属性，那么这个top相对于父元素定位在哪里呢？112.说说盒子模型113.display114 .如何隐藏一个元素？115.115.display:none和visibility:hidden的区别？116.相对布局和绝对布局，位置:相对和绝对117.flex布局118.block，inline，inline的差异-block 119。CSS的常用选择器120.css布局119.css定位122 .相对定位规则123。垂直居中124。CSS解析器中有什么？125.对get请求参数长度的误解？126.补充一下get和post请求在缓存上的区别？127.谈闭包？128.谈谈类的创建和继承？129.如何应对异步回调hell 130？谈谈前台131的事件流程。如何让事件先冒泡再捕捉132？说说事件委托133。说说图片的懒加载和预加载134。134.mouseover和mouseenter 135的区别。JS的新运营商做了什么136。改变函数内部指向这个指针的函数(bind，apply，Difference of call) 137.js '各种位置，比如ClientHeight，ScrollHeight，OffsetHeight，以及scrollTop，offsetTop，clientTop ClientTop的区别？138.js拖放功能139的实现。异步加载JS的方法140。Ajax处理浏览器缓存问题141。JS 142的节流和防抖。JS 143中的垃圾收集机制。EVAL做什么？如何了解前台模块化145？说说Commonjs，AMD，CMD146。对象深度克隆的简单实现。实现一次函数，传入函数的参数只执行一次。148.将原生ajax封装到promise149.js中，监控对象属性的变化。150.如何实现一个私有变量，可以用getName方法访问，不能直接访问151。==和= = =，和Object .的差是152。152.setTimeout、setInterval和requestAnimationFrame的区别。153.实现同高两栏布局，谈思路。154.自己实现一个绑定函数。155.使用setTimeout实现setInterval.....篇幅有限，可以点击这里获取PDF文档前台核心完整版。jsonp的缺点。2.跨域(JSONP，Ajax)。3.如何实现跨域？4.什么是4.dom，你知道什么？5.关于dom的api是什么？6.ajax返回的状态？7.实现一个ajax？8.如何实现Ajax请求？如果我有多个请求，我需要让这些Ajax请求按照一定的顺序一次执行。我能怎么做呢？如何解决ajax跨域9？如何实现一个ajax请求？想按顺序发送两条ajax消息，该怎么做？10.Fetch和Ajax各有什么优缺点？1.移动应用和web应用之间的关系。12.你知道PWA吗？13.你做过手机吗？14.你知道触摸事件吗？1.考前台？2.制定接口文件。3.3.webpack和gulp的区别(模块化和流式的区别)。4.redux的使用。5.redux中的常用方法。6.6.angularJs和react的区别。7.vue的双向绑定原理。8.说说vue吧。react angularjs jquery 9。节点的事件方法。先说一下10.node的特点，适合解决哪些场景。11.你使用快递吗？告诉我有关Express12.promise的状态。从数组中移除第一个元素的方法有哪些？手机开发1。关于react的细节2.react单数据流3.react生命周期函数和react组件的生命周期4 .react和Vue 5的原理、区别、亮点和作用。5.reactJs 6的组件通信。react的虚拟DOM你了解过吗？相比如何？7.项目中用到了React，那为什么要选择React呢？react有什么好处？8.如何获得真正的dom9？9.选择反应的原因？10.React的生命周期功能？11.11.setState之后的流程？12.你知道React的高层组件吗？14.React 15的生命周期。告诉我你对React 15的了解。react15.react的组件是判断是否可以刷新的计算机基础。1.1的三次握手过程。TCP连接建立。2.cdn原理。3.3的标题是什么？HTTP包含？ 常见的请求方法(为什么我要说以下选项，头，连接)4。请求方法标题特征5。HTTP状态码，301和302的具体区别是什么，200和304的区别6。OSI七层模型7。7之间的区别。TCP和UDP，为什么三次握手挥四次？8.HTTP缓存机制9。websocket和ajax有什么区别？10.TCP/IP在WebSocket应用场景下的网络模型有哪些？11.你知道有什么跨域的方法吗？jsonp的具体流程是怎样的？如何实现原生Jsonp封装和优化？对于CORS，服务器如何判断是否应该跨域？12.如何生成令牌以及如何传递令牌。13.操作系统中的进程和线程有什么区别？14.有哪些资源是线程共享的，而那些资源是不共享的？16.操作系统中进程和线程的区别？17.Linux查询进程指令，查询端口，杀死进程。18.进程之间的通信方式有哪些？19.Redis和mysql算法和数据结构1。二叉树序列遍历2。B树的特点，B树和B+树的区别3。尾部递归4。大数的阶乘怎么写？递归方法会怎么样？5.将多维数组转化为一维数组的方法。6.已知的排序算法。谈谈冒泡和快速排列的原理。7.7的原则。堆排序法？复杂？8.几种常见的排序算法，手写9。复制数组，并编写尽可能多的方法。10.如果有一个大数组，全部都是整数，如何求最大的前10个数。11.了解数据结构中常见的数据结构。12.找出第k个最大的数组在数组中出现的次数，比如数组中第二大的数[1，2，4，4，3，5]。所以回到213。合并两个有序数组。14.给定一个数字，并寻找这个数字在有序数组中的位置(通过快速搜索和二分搜索法)...............................................................................................................................