面试系列
文章平均质量分 77
记录面试过程中常见的前后端面试题,祝你提前拿到大厂offer
孙叫兽
一个文绉绉的前端程序员
展开
-
14万字面试题汇总整理,祝你顺利斩获大厂前端offer
Doctype的作用? 严格模式和混杂模式的区分,以及如何触发这2种模式?<!DOCTYPE>声明位于文档中的最前面,处于<html>标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。严格模式就是浏览器根据web标准去解析页面,是—种要求严格的DTD(Document Type Definition),不允许使用任何表现层的语法,混杂模式是—种向后兼容的解析方法。触发标准模式或者说严格模...原创 2021-07-17 09:08:42 · 13586 阅读 · 16 评论 -
前端面试官常问javaScript编程题,隔壁王大爷看了都会了
javaScript常见的编程题原创 2021-06-20 16:23:01 · 4799 阅读 · 10 评论 -
网站优化第一次网页加载的速度的办法与思路。
网站重新开发了一次,第一次部署到测试网络,访问速度很慢,差不多第一次加载得需要40秒,太慢了,这里简单总结一下。当然,还有一些无用的.MAP文件都可以删除,图片可以在线压缩一下,代码可以压缩一下,避免重复请求接口,使用CDN加速,使用缓存和懒加载。按需加载,删除重复性文件及没有用到的文件等。...原创 2021-05-05 22:29:28 · 1926 阅读 · 0 评论 -
事关每个程序员的职业规划与履历
程序员应该如何规划自己的人生?原创 2021-04-21 23:55:41 · 2147 阅读 · 11 评论 -
HTML面试题
声明:从市面上搜集的涵盖html的面试题,自己解答,仅供参考。HTML5HTML5HTML5有哪些新特性? 请写出至少5个 html5新增的标签和使用场景 HTML5引入什么新的表单属性 与HTML4相比HTML5废弃了哪些元素 如何处理HTML5新标签的浏览器兼容问题 如何区分HTML和HTML5 HTML5 为什么只需要写 <!DOCTYPE> HTML5新的doctype和charset是什么? 如何在HTML5页面嵌入音频? 如何在HTML5页面嵌入视频? H原创 2021-04-09 13:22:31 · 1318 阅读 · 0 评论 -
【前端面试题】关于一些js的一些面试题(金融行业),我和面试官扯了三个小时
金融行业前端javaScript面试真题原创 2021-03-18 21:44:48 · 10031 阅读 · 20 评论 -
【前端面试题】2021/3/15面试题
大厂前端高频面试题原创 2021-03-15 21:58:40 · 2544 阅读 · 0 评论 -
【前端面试题】2021/3/12挺经典的面试题,这个经历很深刻。
前端经典面试题原创 2021-03-12 13:15:49 · 12718 阅读 · 14 评论 -
移动端适配的几种解决办法
所谓移动端适配,就是WebApp在不同尺寸的屏幕上等比显示原则开发时方便,写代码时设置的值要和标注的 160px 相关 方案要适配大多数手机屏幕,并且无 BUG 用户体验要好,页面看着没有不适感思路写页面时,按照设计稿写固定宽度,最后再统一缩放处理,在不同手机上都能用 按照设计稿的标准开发页面,在手机上部分内容根据屏幕宽度等比缩放,部分内容按需要变化,需要缩放的元素使用 rem, vw 相对单位,不需要缩放的使用 px 固定尺寸+弹性布局,不需要缩放viewport 适配&.原创 2021-03-11 22:35:54 · 6013 阅读 · 5 评论 -
前端常见浏览器兼容性问题及解决办法
不同浏览器的内核也不尽相同,所以各个浏览器对网页的解析存在一定的差异。1.不同浏览器的标签默认的外补丁和内补丁不同*{margin:0;padding:0;}2. 块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大style{display:inline;//转化为行内元素}3.设置较小高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度给超出高度的标签设置overflow:hidden;或者设置行高lin.转载 2021-03-11 22:10:55 · 1754 阅读 · 2 评论 -
怎么样才算高级java工程师
高级水平:1.能对需求进行架构设计,选择框架以适应最合适的业务,作为某个项目的领导,带领团队完成项目。2.有自己的开源项目,可以写出自己的组件,对开源的框架能够进行二次编写,java核心技术有着非常深入的理解架构师能管理多个高级工程师及以下级别,提升工作效率其发展战略可以参考下图:...原创 2020-07-13 23:34:51 · 1467 阅读 · 0 评论 -
java面试中jvm执行子系统详细分析(三)
JVM是Java Virtual Machine(Java虚拟机)的缩写,JVM是一种用于计算设备的规范,它是一个虚构出来的计算机,是通过在实际的计算机上仿真模拟各种计算机功能来实现的。引入Java语言虚拟机后,Java语言在不同平台上运行时不需要重新编译。Java语言使用Java虚拟机屏蔽了与具体平台相关的信息,使得Java语言编译程序只需生成在Java虚拟机上运行的目标代码(字节码),就可以在多种平台上不加修改地运行。原创 2020-06-29 14:41:28 · 1631 阅读 · 9 评论 -
某大厂JVM常见面试题(二)吐血整理
JVM是Java Virtual Machine(Java虚拟机)的缩写,JVM是一种用于计算设备的规范,它是一个虚构出来的计算机,是通过在实际的计算机上仿真模拟各种计算机功能来实现的。引入Java语言虚拟机后,Java语言在不同平台上运行时不需要重新编译。Java语言使用Java虚拟机屏蔽了与具体平台相关的信息,使得Java语言编译程序只需生成在Java虚拟机上运行的目标代码(字节码),就可以在多种平台上不加修改地运行。原创 2020-06-29 12:55:59 · 1398 阅读 · 15 评论 -
面试用涉及到的jvm常见的面试题(一)
JVM是Java Virtual Machine(Java虚拟机)的缩写,JVM是一种用于计算设备的规范,它是一个虚构出来的计算机,是通过在实际的计算机上仿真模拟各种计算机功能来实现的。引入Java语言虚拟机后,Java语言在不同平台上运行时不需要重新编译。Java语言使用Java虚拟机屏蔽了与具体平台相关的信息,使得Java语言编译程序只需生成在Java虚拟机上运行的目标代码(字节码),就可以在多种平台上不加修改地运行。原创 2020-06-29 12:05:59 · 766 阅读 · 20 评论 -
2020年末总结,脚踏实地,一步一个脚印——致敬自己一年的心酸历程
摘要:恰逢官方征文,谨以此篇记录自己一年的心酸历程与前端知识的感悟。目录在时代工场的主要工作我为什么从时代工场离职?我辞职后去了哪里?先说说我的经历吧分享给前端人一些我的博客整理,希望也可以帮助到你关于粉丝高频疑惑的解答在时代工场的主要工作先简单说一下自己这一年的变化吧,以前是在时代工场办公,是一个初创的共享办公科技公司,在那边开发过时代工场后台管理系统,时代工场小程序,时代工场APP,时代工场网站,业余时间还要顺便运营一些新媒体(小公司,你懂的,人手不够...原创 2020-12-22 17:26:38 · 7651 阅读 · 16 评论 -
react全家桶指的是哪些?
react全家桶:react(整体架构) + redux || mobx(状态管理) + react-router(路由) + axios(ajax请求) + antd || react-material || antd-model(UI框架库)原创 2020-07-29 23:05:43 · 2479 阅读 · 29 评论 -
程序员面试需要注意的问题
今天给朋友带来的是找一份工作的流程详细介绍,以及期间所需要注意的东西,其中包括:简历(附带写简历的注意事项) 笔试(附带笔试题详细介绍的链接) 电话面试(附带常见的面试题) 面试(详细介绍面试时的注意事项) 签约(详细介绍签合同之前要了解的东西) 面试时的基本礼仪(详细介绍面试时所应有的行为举止,穿着等)一:面试流程及问题解析无论是程序员还是其他职业的面试,虽然都是提交简历、电话面试、面谈、拿到offer等一系列过程,但是每一步都很重要!首先简历要精炼、漂亮、大方,尽量突出自己的优势,避转载 2020-07-29 22:05:54 · 1445 阅读 · 0 评论 -
教你读懂Ajax的工作原理
Ajax的工作原理1、ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth、google suggest以及gmail等对ajax技术的广泛应用,催生了ajax的流行。而这也让微软感到无比的尴尬,因为早在97年,微软便已经发明了ajax中的关键技术,并且在99年IE5推出之时,它便开始支持XmlHttpRequest对象,并且微软之前已经开始在它的一些产品中应用ajax,比如说MSDN网站菜单中的一些应用。遗憾的是,不知道出于什么想...原创 2020-07-29 21:54:04 · 907 阅读 · 18 评论 -
前端常见的安全性问题有哪些?
安全性前端安全问题有哪些?XSS 跨站请求攻击 XSRF 跨站请求伪造 上边这两个问题,前端也只是辅助,主要还是靠后端XSS原理在博客里可以写文章,同时偷偷插入一段<script>代码。 发布博客,有人查看博客内容 打开博客时,就会执行插入的js攻击代码 在攻击代码中,获取cookie(其中可能包含敏感信息),发送到攻击者的服务器,攻击者就得到了博客阅读者的信息。XSS预防前端替换关键字,如<替换为< 但前端替换影响性能,一般都后端替换XS原创 2020-07-29 21:23:38 · 1545 阅读 · 0 评论 -
前端渲染与后端渲染之间的区别?
前端没兴起之前,网页的展示大都是后端渲染,也就是服务器渲染。随着前端行业的发展,前端的工作越来越精细。前后端开始分离,前端只关注ui渲染。后端只提供数据和进行逻辑处理。简单的解释,前端写好html模板,让后端直接填数据,这就是后端渲染。前端渲染是,通过ajax请求接口返回的数据,将数据渲染出来。后端只写接口,分工更明细。原创 2020-07-29 21:07:09 · 1481 阅读 · 0 评论 -
前后端分离如何解决跨域的问题?
参考帖子:https://blog.csdn.net/cuixiaogang110/article/details/81948173?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2原创 2020-07-29 20:58:19 · 854 阅读 · 0 评论 -
前端开发常见的浏览器兼容性问题?
参考帖子1:https://www.cnblogs.com/angel648/p/11392262.html参考帖子2:https://www.cnblogs.com/wxf-h/p/10513342.html原创 2020-07-29 20:44:31 · 1325 阅读 · 1 评论 -
面试提问vue中v-if与v-show的区别以及使用场景
目录区别使用场景总结区别1.手段:v-if是通过控制dom节点的存在与否来控制元素的显隐;v-show是通过设置DOM元素的display样式,block为显示,none为隐藏; 2.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换; 3.编译条件:v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局部编译(编译被缓存?编译被缓存后,然后再切换的时候进行局部卸载.原创 2020-07-24 15:28:13 · 1003 阅读 · 22 评论 -
【面试题系列|前端面试题】前端高频面试题总结(2021年最新版)
面试过不少前端从业者,简历写的平平淡淡,别人会的技能他也都会,看起来什么都掌握一些;有些会请过来当面聊一下,有些就直接拒绝了(如果是公司内要求独立完成项目的岗位,简历里放很多学习时候的DEMO项目,没有真实上线的项目,这种简历一般都会拒绝掉)。当我们去一家公司面试,面试官有很大的主动权,面试官属于攻击方,求职者属于防守方,我们不可能什么方向都研究的非常深,所以扬长避短是最好的方式,推荐大家要做帐篷型的人,而不是水桶型的人;市场上岗位非常多,我们需要做的就是找到适合自己长处发展的那个职业!面试的时候一原创 2020-12-23 17:51:07 · 34285 阅读 · 65 评论 -
教你如何看待程序员这个职业的前前后后
孙叫兽,前端全栈工程师(正在朝着这个方向努力),以前做java开发,技术交流请添加微信公众号:电商程序员。感谢一些编程初学者朋友因为看了我几篇不着调回答后给我点的赞和关注,本文是一些随想性质的小建议,水平一般能力有限内容也比较零碎,但愿能解答一些疑惑,也希望能帮助到一些人。现在大家的整体素质(学历)基本提升上来啦,基本搞编程的都是本科或者大专起步,这里仅那本科举例。好多大学生跟我说是计算机专业,软件工程专业等,啥都学一点,这样真的好?对于大学生,如果是计算机相关专业,想走程序员这条..原创 2020-12-23 13:09:30 · 1647 阅读 · 0 评论 -
有var d = new Date(‘20xx-m-09‘),可以设置为m+1月份的操作是?
setMonth(n),这里是0-11分别对应1-12月d.setDate(n);n表示一个月中的一天的一个数值(1 ~ 31):0 为上一个月的最后一天-1 为上一个月最后一天之前的一天如果当月有 31 天:32 为下个月的第一天如果当月有 30 天:32 为下一个月的第二天;40为下一个月的第9天;...原创 2020-09-25 16:10:19 · 1124 阅读 · 0 评论 -
那些操作会引起回流(reflow)?
reflow(回流)是指浏览器为了重新渲染部分或者全部的文档,重新计算文档中的元素的位置和几何构造的过程。 因为回流可能导致整个Dom树的重新构造,所以是性能的一大杀手。以下操作会引起回流:① 改变窗口大小 ② font-size大小改变 ③ 增加或者移除样式表 ④ 内容变化(input中输入文字会导致) ⑤ 激活CSS伪类(:hover)⑥ 操作class属性,新增或者减少 ⑦ js操作dom⑧ offset相关属性计算⑨ 设置style的值 .......原创 2020-09-25 16:02:58 · 5594 阅读 · 0 评论 -
数据类型转换为false的有哪些?
看图,看选项你就明白啦原创 2020-09-25 10:15:44 · 1710 阅读 · 15 评论 -
html5测试题整理--针对标签的概念性
1.哪个元素被称为媒体元素的子元素?答案:<track>。<track> 标签为媒体元素(比如 <audio> and <video>)规定外部文本轨道。这个元素用于规定字幕文件或其他包含文本的文件,当媒体播放时,这些文件是可见的。2.哪个元素定义了 <object> 元素的参数?答案:<param>。param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的.转载 2020-09-25 10:05:51 · 2006 阅读 · 0 评论 -
请问 wrap 这个 div 的高度是多少?
<style type="text/css"> .a, .b, .c { box-sizing: border-box; border: 1px solid; } .wrap { width: 250px; } .a { width: 100px; height: 100px; float: left; } .b { width: 100px; height: 50px; float: left.原创 2020-09-24 18:40:20 · 1215 阅读 · 0 评论 -
当margin-top、padding-top的值是百分比时,分别是如何计算的?
CSS 百分比参照问题 参照父元素宽度的元素:paddingmarginwidth text-indent 参照父元素高度的元素:height 参照父元素属性:font-size line-height 特殊:相对定位的时候,top(bottom) left(right)参照的是父元素的内容区域的高度与宽度,而绝对定位的时候参照的是最近的定位元素包含padding的高度与宽度 ...原创 2020-09-24 18:35:02 · 1481 阅读 · 0 评论 -
css中clear的作用是什么?
clear : none | left | right | both.对于CSS的清除浮动(clear),一定要牢记:这个规则只能影响使用清除的元素本身,不能影响其他元素。清除浮动方法,1,给父级元素添加class=“clearflex”2,在css中给父级添加属性:overflow:hidden;(我比较喜欢这个)3,伪元素清除法,4,建立空的div,命名为clear,在css中添加clear:both;...原创 2020-09-24 18:33:04 · 4936 阅读 · 0 评论 -
正则表达式常用符号所代表的含义
{n} n次{1,3} 1~3次{1,} 1到多次+ 1到多次? 0到一次* 0到多次^ 匹配一行开始$ 匹配一行结束 [abc] /[abc]/ 匹配"abc"中任意一个字符 [^abc] /[...原创 2020-09-24 18:28:36 · 1857 阅读 · 0 评论 -
防抖函数和节流函数的实现,这个是在某保险公司笔试题遇到的。
scroll 事件本身会触发页面的重新渲染,同时scroll事件的 handler 又会被高频度的触发, 因此事件的 handler 内部不应该有复杂操作,例如 DOM 操作就不应该放在事件处理中。针对此类高频度触发事件问题(例如页面 scroll ,屏幕 resize,监听用户输入等),下面介绍两种常用的解决方法,防抖和节流。防抖(Debouncing)防抖技术即是可以把多个顺序地调用合并成一次,也就是在一定时间内,规定事件被触发的次数。通俗一点来说,看看下面这个简化的例子://..原创 2020-09-24 10:43:44 · 898 阅读 · 0 评论 -
初级前端工程师笔试技巧总结,祝你顺利拿高分
某大型外包公司安排新人去某大型保险公司驻场开发,简单粗暴的衡量一个工程师的水平就是笔试,这个环节是必不可少的,必须要过了笔试题才能算正式的驻场开发,不然只能是支持,消耗公司资源的废柴,一般笔试会有两次机会,我特殊情况考了三次,一套安全题(10题选择题共100分,每题10分),一套初级前端工程师笔试题(25题单选+15题多选+10题判断,每题两分共100分),第一次考试需要做两套题,每套题都超过60分才算合格,补考只需要考不通过的那套题即可,这都是机试,一般这种题型来说比较好拿分,如果要拿高分还是需要一定的技原创 2020-09-08 14:20:45 · 2226 阅读 · 12 评论 -
前端工程师能力评估测试题(2020最新版附答案及解析)
1.下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度 (C) A.display:inlineB.display:noneC.display:blockD.display:inherit解析2.css属性overflow属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。(A)A.TrueB.False解析参数是scroll时候,必会出现滚动条。参数是auto时候,子元素内容...原创 2020-09-06 23:11:03 · 2699 阅读 · 0 评论 -
下面的语言中哪些语言是动态语言( )
下面的语言中哪些语言是动态语言(B )A.CB.JavaScriptC.C++D.CSSE.JavaF.Objective-C解析静态语言(强类型语言)静态语言是在编译时变量的数据类型即可确定的语言,多数静态类型语言要求在使用变量之前必须声明数据类型。例如:C++、Java、Delphi、C#等。动态语言(弱类型语言)动态语言是在运行时确定数据类型的语言。变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型。例如PHP...原创 2020-09-06 20:36:38 · 2330 阅读 · 0 评论 -
从WEB应用的角度,一个应用都需要维护一些不同作用范围的状态, 请问下面哪些状态作用域是WEB应用特有的:( )
从WEB应用的角度,一个应用都需要维护一些不同作用范围的状态, 请问下面哪些状态作用域是WEB应用特有的:( ADF )A.会话B.全局C.线程本地D.请求E.本地F.应用解析Web程序对象作用域: 常用的有三个:请求作用域,会话作用域,应用上下文。 请求作用域req范围最小,需要的资源最少,作用当前请求 session会话作用于本次对话,每个对话都有JSessionID, ServletContext作用域范围大:web应用中所有都能够访问,生...原创 2020-09-06 20:09:35 · 1127 阅读 · 0 评论 -
根据 HTML 规范,以下代码中,外层容器 .outer 的宽高分别是:
根据HTML规范,以下代码中,外层容器.outer的宽高分别是:B<style>.outer {height: 50px;}.inner {width: 120px;height: 100px;}</style><div class="outer"><span class="inner">content</span></div>A.高 50px,宽 120pxB.高 50px,宽 100...原创 2020-09-06 20:05:33 · 1285 阅读 · 0 评论 -
在浏览器控制台执行以下代码,输入的结果是()
在浏览器控制台执行以下代码,输入的结果是()A.4400 4401 4399 4400B.4400 4401 4401 4402C.4400 4400 4399 4400D.4400 4401 4399 4402E.4400 4401 4401 4400解析js在执行之前,会将所有带var和function的进行提前定义和声明。(带var的提前声明,function声明和定义都完成了)首先,在全局作用域下,进行预解释:test=xxxfff0..原创 2020-09-06 20:00:53 · 1831 阅读 · 0 评论