2020前端面试
文章平均质量分 92
qq_41800649
这个作者很懒,什么都没留下…
展开
-
2020奇安信前端笔试
1.算法的特性有穷性:算法必须能在执行有限个步骤之后终止确切性:算法的每一步骤必须有确切的定义输入项输出项可行性(有效性) :每个计算步骤都可以在有限时间内完成2.Linux文件权限drwxr-xr-x第一位:文件类型d表示目录-表示文件第二三四组:用户,组用户,其他用户w表示写x表示执行r表示读-表示没有权限3.正则表达式String.prototype.split()var str=‘ab1cd22ef3g’;str.split(/\d+/g).length//[‘a原创 2020-10-28 12:53:26 · 1640 阅读 · 0 评论 -
2020腾达前端笔试题
switch中的case: 使用的是严格比较===DOM的append()与appendChild()的区别append()可以接收Node对象和DOMString对象作为参数,而appendChild()只能接收Node对象。append()没有返回值,appendChild()有返回值。append()可以追加多个节点和字符串,appendChild()只能追加一个。var p = document.createElement(“p”);parent.append(“Some tex.原创 2020-10-28 12:50:27 · 804 阅读 · 0 评论 -
2020腾讯阅文集团-前端笔试题
1.let [head, , …tail] = [1, 2, 3, 4];console.log(head);//1console.log(tail);//[3,4]2.会加粗的元素:<strong> <h6> <th><dt>是自定义列表<dl>的列表组的组名标签,不会加粗<dl><dt>项目组组名</dt><dd>项目组中的每一项</dd><dd>项目组中的原创 2020-10-28 12:45:22 · 1099 阅读 · 2 评论 -
2020携程旅游前端笔试题
题目1:生成和遍历二叉树题目描述:已知有平面坐标系的十组坐标点[[x1,y1], [x2,y2], ……, [x10,y10]],每次找出距离最近的两组坐标进行合并,合并后的坐标取两者平均值,即[(x1+x2)/2 , (y1+y2)/2](如有小数统一向下取整,即2.4取2),合并后的新坐标作为二叉树根节点,原坐标取X值较小的作为左节点,另一个为右节点,假设第一次计算后得出[x1,y1], [x2,y2]距离最近,且x1<x2,则构成如下二叉树: [(x1+x2)/2, (y1原创 2020-10-18 11:31:57 · 1116 阅读 · 0 评论 -
2020美团前端笔试题
美团:题目1:蛋糕奶茶(数组)题目描述:小团的蛋糕铺长期霸占着美团APP中“蛋糕奶茶”栏目的首位,因此总会吸引各路食客前来探店。小团一天最多可以烤n个蛋糕,每个蛋糕有一个正整数的重量。早上,糕点铺已经做好了m个蛋糕。有一个顾客要来买两个蛋糕,他希望买这一天糕点铺中最重的和最轻的蛋糕,并且希望这两个蛋糕的重量恰好为a和b。剩余的n-m个蛋糕可以现烤,请问小团能否满足他的要求?输入描述:输入包含多组数据,每组数据两行。每组数据的第一行包含4个整数,n,m,a,b,空格隔开。这里不保证a和b的原创 2020-10-11 14:44:49 · 5780 阅读 · 4 评论 -
2020前端面试(十五)-前端模块化,前端性能优化,js设计模式,常见编程题
点这里,欢迎关注文章目录一.前端模块化1.如何理解前端模块化2.说一下Commonjs、AMD和CMD3.ES6与Commonjs的区别:二.前端性能优化1.性能优化的方式:2.懒加载:(1)图片的懒加载和预加载的区别3.什么是按需加载:4.异步加载js的方法为什么需要异步加载js方法一:defer延时加载:方法二:async:方法三:动态创建script标签,插入到DOM中方法四:AJAX + evaleval()是做什么的5.游戏卡顿的原因以及解决方法:6.click在ios上有300ms延迟,原因及原创 2020-10-10 09:10:04 · 1400 阅读 · 0 评论 -
2020前端面试(十四)- Promise篇
点这里,欢迎关注文章目录Promise1.解决异步编程的方案:2.Promise基础(1)promise的三种状态:(2)promise的then方法:(3)then方法返回的Promise对象的状态和值由什么决定:3.回调地狱相关(1)什么是回调地狱问题:(2)Promise解决回调地狱的问题:(3)Generator函数解决回调地狱的问题:(4)async/await解决回调地狱的问题:4.Promise代码相关:(1)用es6中的类简单的实现一个promise:(2)promise封装Ajax请求:原创 2020-10-09 17:56:18 · 589 阅读 · 0 评论 -
2020前端面试(十三)-js执行机制相关
点这里,欢迎关注文章目录一.浏览器多进程与js单线程:1.进程与线程:2.浏览器的多进程:3.浏览器渲染进程中的线程:(1)GUI渲染线程,也称UI线程(2)js引擎线程(3)事件触发线程(4)定时器触发线程(5)http异步请求线程4.WebWorker线程:5.异步任务的由来:6.js执行机制:7.从任务列表中取出并执行异步任务的原则:(1)异步任务的分类:(2)具体原则:8.js执行机制分析题:(1)第一题:超级大综合(2)第二题(3)第三题:考察setImmediate,process.next的原创 2020-10-09 17:51:32 · 517 阅读 · 0 评论 -
2020前端面试(十二)- 作用域与原型链
点这里,欢迎关注文章目录一. 作用域相关1.js的编译时与运行时2.执行环境(词法作用域)与作用域链3.函数声明,函数表达式,匿名函数,立即执行函数:4.什么是闭包5.立即执行函数IIFE6.闭包有什么作用7.闭包在实际中的应用:(1)定时器(2)事件监听器(3)单例模式(4)js的节流和防抖(5)如何实现一个私有变量,用getName方法可以访问,不能直接访问(6)实现一个once函数(传入函数参数),使其只能执行一次二.JS中的垃圾回收机制三. 原型链相关1.讲一讲js原型链,原型链的顶端是什么?Ob原创 2020-10-09 17:48:19 · 937 阅读 · 0 评论 -
2020前端面试(十一)- DOM和BOM相关
点这里,欢迎关注文章目录一. DOM1.DOM是什么:2.DOM0级和DOM2级有什么区别:3.textContent、innerText、innnerHTML、value的区别:4.关于dom的api有什么:5.什么是事件监听:6.说说前端中的事件流7.如何让事件先冒泡后捕获8.说一下事件代理:(1)了解事件代理吗,这样做有什么好处(2)事件委托以及冒泡原理:(3)事件代理在捕获阶段的实际应用:9.事件类型相关:(1)mouseover和mouseenter的区别(2)三种键盘事件的区别:10.静态绑定原创 2020-10-09 17:41:49 · 2002 阅读 · 1 评论 -
2020前端面试(十)- ES6相关
点这里,欢迎关注文章目录1.简单讲一讲ES6的一些新特性:2.let const var的区别 :3.箭头函数:(1)箭头函数与普通函数的区别:(2)箭头函数获取arguments对象:4.简单介绍一下symbol:5.对于js临时死区的理解:1.简单讲一讲ES6的一些新特性:let、const变量,块级作用域。ES5只有全局作用域和函数作用域,块级作用域的好处是不再需要立即执行的函数表达式,循环体中的闭包不再有问题。解构赋值各种数据类型扩展的方法:数组:扩展运算符…原创 2020-10-09 17:37:06 · 311 阅读 · 0 评论 -
2020前端面试(九)- javascript数据相关
点这里,欢迎关注文章目录1.js数据类型:2.关于NaN:3.深浅拷贝(1)可枚举与不可枚举:(2)赋值,浅拷贝,深拷贝:(3)浅拷贝的实现(4种):(4)深拷贝的实现(2种):4.比较判断相关(1)隐式转换:(2)不同数据类型的值的比较,是怎么转换的,有什么规则:(3)unll与undefined:(4)=\=和==、以及Object.is的区别(5)typeof与instanceof的区别(6)写一个函数判断变量类型:5.数组:(1)数组的方法:(2)数组去重(7种):(3)如何判断一个变量是否为数组原创 2020-10-09 17:34:18 · 506 阅读 · 0 评论 -
2020前端面试(八)- CSS面试题
点这里,欢迎关注文章目录1.link标签和@import的区别2.说一下css盒模型3.CSS选择器:(1)类型和权重(2)选择器解析规则:(3)a标签4个伪类选择器的书写顺序:4.line-height和height的区别5.设置一个元素的背景颜色,背景颜色会填充哪些区域?6.元素的类型和定位方式(1)display有哪些取值:(2)块元素和行元素,行内替换元素的区别(3)display:table和html的table标签有什么区别(4)position有哪些取值:(5)让元素脱离标准流的方式:(6)原创 2020-10-09 17:28:58 · 714 阅读 · 4 评论 -
2020前端面试(七)- HTML面试题
点这里,欢迎关注文章目录HTML部分1.HTML中Doctype的作用:2.HTML中的严格模式和混杂模式:3.web Quality4.对HTML语义化标签的理解:5.常见的语义化标签:6.iframe:(1)什么是iframe?(2)iframe的缺点:(3)iframe通信:7.HTML5的新属性:HTML部分1.HTML中Doctype的作用:Doctype声明用于告诉浏览器以何种方式来解析渲染页面。对于HTML5不是基于SGML(标准通用标记语言)实现的,所以在声明DOCTYPE原创 2020-10-09 17:16:29 · 626 阅读 · 0 评论 -
2020前端面试(六)- HTTP面试题
点这里,欢迎关注文章目录HTTP部分1.什么是HTTP协议:2.怎么理解HTTP协议的无状态性:3.HTTP与HTTPS:4.HTTP1.0,HTTP1.1,HTTP1.2的区别:5.HTTP报文的基本结构:6.常见的头部字段7.HTTP的请求方式:(1)常见的请求方式:(2)get请求和post请求的区别:(3)get请求传递的参数长度的误区:8.HTTP的状态码:9.一句话概括RESTFUL:HTTP部分1.什么是HTTP协议:HTTP是基于TCP/IP的可靠的超文本传输协议。用于在客原创 2020-10-09 17:14:33 · 1440 阅读 · 0 评论 -
记一个前端面试题[1,2,3].map(parseInt)
[1,2,3].map(parseInt)分析:- 将map函数中的回调函数换为了parseInt函数- parseInt(string, radix) 原来可以接收两个参数,第二个参数为基数,此时第一个参数表示的是以第二个参数为基数表示的值,返回值是该值的十进制形式。- 比如:parseInt('123',5)表示把5进制的123转换为10进制,也就是1\*5^2 + 2\*5^1 + 3\*5^0=38原题分析:原表达式相当于:parseInt(1, 0) // 将0进制的1转换为1原创 2020-10-09 14:17:06 · 219 阅读 · 0 评论 -
2020前端面试(三)-浏览器存储机制篇
文章目录1.总述:2.Cookie:(1)来源:(2)实现原理:(3)Set-Cookie字段中可以设置的属性:(4)Cookie如何防范跨站脚本(XSS)攻击:(5)存储类型:(6)应用场景:(7)缺陷:3.localStorage:4.sessionStorage:5.Cookie、localStorage、sessionStorage的区别:6.IndexedDB:7.Cookie和Session的区别:8.Cookie和Session的联合使用:9.Token与Session:10.如何实现不同标签原创 2020-10-06 18:09:49 · 863 阅读 · 0 评论 -
2020前端面试(二)-浏览器缓存机制篇
文章目录1.缓存的位置:2.缓存过程的分析:3.浏览器的缓存策略:3.1强缓存(1)Expires方法(设置过期时间)(2)Cache-Control方法(设置过期时间)(3)Expires和Cache-Control两者对比:3.2协商缓存:(1)Last-Modified(根据文件修改时间来决定是否从缓存取数据)(2)Etag方法(根据文件内容是否修改来决定是否从缓存取数据)(3)Last-Modified与Etag两者比较4.浏览器的缓存机制:5.实际场景中的缓存策略应用:浏览器的缓存机制即是HTT原创 2020-10-06 18:05:54 · 2451 阅读 · 0 评论 -
2020前端面试(一)-浏览器渲染机制篇
文章目录1.一个页面从输入URL到加载显示完成,这个过程发生了什么?2. 重绘和重排(回流)(1)渲染树的生成过程:(2)回流:(3)重绘:(4)何时会触发回流和重绘(5)浏览器对于重排的优化机制:(6)减少重绘和重排:a.合并多次对DOM样式的修改:b.批量修改DOM:c.缓存布局信息,减少某些属性的使用:d.对于复杂的动画效果,应使用绝对定位让其脱离文档流:e.CSS3硬件加速f.不要使用table表格:1.一个页面从输入URL到加载显示完成,这个过程发生了什么?https://segmentfau原创 2020-10-06 18:02:13 · 863 阅读 · 2 评论 -
2020前端面试(五)-Ajax篇
文章目录1.如何实现Ajax请求:2.ajax返回的状态:3.如果我想发出两个有顺序的ajax需要怎么做?(原生JS的ajax)4.发送Ajax请求时禁止浏览器的缓存功能:5.websocket和ajax的区别是什么:5.1 [什么是websocket](https://segmentfault.com/a/1190000011450538):(1)websocket诞生的背景:(2)在websoket之前服务器推送消息的两种方式:(3)websoket的概念:(4)webSocket的应用:5.2 web原创 2020-10-06 17:56:57 · 650 阅读 · 0 评论 -
2020前端面试(四)-跨域篇
???? 跨域问题一.同源策略1.同源策略:同源策略是一种约定,它是浏览器最核心也最基本的安全功能。请求资源时必须保证同源,即"协议+域名+端口"三者必须相同,否则浏览器会因为安全性问题拦截请求到的数据。如果缺少了同源策略,浏览器很容易受到XSS、CSRF等攻击。2.同源策略限制内容有:Cookie、LocalStorage、IndexedDB 等存储性内容Ajax请求3.有三个标签是允许跨域加载资源:<img src=XXX><link hr原创 2020-10-06 10:35:08 · 178 阅读 · 0 评论