前端面试instanceof_[面试分享] 我的学妹去字节跳动了

最新推荐文章于 2022-04-02 09:49:23 发布
最新推荐文章于 2022-04-02 09:49:23 发布
阅读量89 收藏 1
点赞数
文章标签： 前端面试instanceof
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_36146057/article/details/112351803
版权

大学实验室带的学妹去字节跳动了，周末跟学妹交流了一番，决定把之前面试遇到的题目分享出来。阿里、腾讯、Shopee、七牛云、京东、等系列企业，战绩也都很不错
文章末尾我会简单分享一下，之前是如何带学妹一步步升级打怪的，以及前端一个整体的学习曲线。当然主要还是学妹 ↓↓↓ 自己给力，我也只是打打辅助。

f2a6c24f3593a478cdd897fb096a1b19.png

之前怪怪还是后端的时候，其实也带过几个前端，不过那时候毕竟是后端，不专业，所以当时那几个小伙伴找工作相对吃力一点，不过现在大家都有了比较好的归宿。有在滴滴的，有在完美世界的，有在。。。
怪怪把学妹面过的所有题目，进行了一个分类汇总如下：

HTML(5)

  • HTML语义化的理解
  • DOCTYPE的作用
  • 标准模式与怪异模式的区别
  • 说一下文档流
  • 行内元素、块级元素、行内块级元素、空元素
  • html5的新特性
  • 描述 cookies，sessionStorage 和 localStorage 的区别
  • iframe 内嵌框架有那些缺点
  • 说一下 webWorker、 webSocket

CSS

  • 三栏布局写一下
  • 垂直水平居中写一下
  • transform讲一下
  • 平常实现动画是怎么去实现的
  • flex有哪些属性
  • 盒模型: 标准模型与IE模型
  • 权重问题
  • css选择符有哪些
  • css中哪些属性可以被继承：字体系列font-family、font-size、font-weight等；文本系列：list-style、list-style-color等；文本系列：text-align、color、line-height等
  • box-sizing常用的属性
  • link与@import区别
  • a标签的4个伪类的正确顺序，并解释
  • 清除浮动的方式
  • position的属性值：static、relative、absolute（脱离文档流）、fixed（脱离文档流）；absolute相对定位的
  • z-index：只对脱离文档流的元素有效
  • flex布局: 父元素设为Flex布局后，子元素的float、clear、vertical-align属性将失效。
  • BFC、触发条件、可解决的问题
  • IFC是什么
  • 两栏布局：float + margin; calc; position + margin(或者transform) ；flex等
  • 三栏布局：float + margin; position + margin; flex; 圣杯；双飞翼等
  • 如何实现水平垂直居中
  • 伪类和伪元素的区别： 伪类的操作对象是文档树中已有的元素，而伪元素则创建了一个文档树外的元素
  • 浏览器是怎样解析 CSS 选择器的？（从右向左）
  • px、em、rem的区别
  • CSS创建一个三角形
  • CSS 动画 与 js 动画区别
  • CSS3新特性：圆角（border-radius）、阴影（box-shadow）、动画、渐变(gradient)、转换（transform：translate / scale/ skew）
  • CSS3新增伪类

JavaScript (es5、es6)

  • js原型、原型链
  • instanceof 方法讲一下
  • 类型判断的几种方法
  • 判断是否为数组的几种方式
  • 作用域链讲一下
  • 手写一个闭包
  • 讲一下工作中哪些地方用到了闭包
  • 对js语言的看法，特点，优缺点
  • promise的实现
  • 数组map forEach自己实现
  • 实现并发函数，函数参数为 urls (请求列表数组)、max(最大并发数量) 、fn(回调)，请求都成功执行回调
  • 函数柯理化
  • js数据类型
  • 数据类型的内存图
  • var a = 1; a = “str”; a 的内存空间如何变化
  • == 和 ===的区别
  • null 和 undefined 的区别
  • 原型、原型链
  • 作用域、作用域链
  • 闭包及其作用
  • 使用闭包实现每秒打印1,2,3,4
  • 继承的几种方式、寄生组合继承的实现
  • es6 继承与es5 继承的区别
  • 箭头函数与普通函数的区别
  • this的理解
  • call、apply、bind的区别
  • 深浅拷贝
  • 事件流、事件委托（事件委托我们可以不必要为每一个子元素都绑定一个监听事件，这样减少了内存上的消耗）
  • js 延迟加载的方式
  • ajax是什么？
  • 浏览器和 Node.js 的事件循环机制有什么区别？
  • 同步与异步、宏任务与微任务
  • 模块规范（commonJS、es6 、AMD、CMD）
  • typeof NaN 的结果是什么、isNaN与Number.isNaN函数的区别
  • 如何判断变量类型
  • js 的节流与防抖
  • 布尔类型的值的转换规则 ：假值（undefined、null、false、+0 、-0、""、NaN）
  • {} 和 [] 的 valueOf 和 toString 的结果是什么
  • js 类数组的定义、类数组如何转换为数组
  • 如何判断数组
  • JavaScript 与 Java 的区别
  • js 的垃圾回收 与 v8 的垃圾回收
  • 哪些操作会照成内存泄漏
  • 0.1 + 0.2 != 0.3 如何解决
  • 图片懒加载与预加载
  • JavaScript 中数组是如何存储的？
  • JavaScript 中的数组为什么可以不需要分配固定的内存空间？（追加）
  • JavaScript 中数组的存储和 C / C++ / Java 中数组的存储有什么区别？（追加）
  • let 、const 与 var的区别
  • Iterator和for…of
  • Symbol 类型
  • Set 与 WeakSet 、Map 与 WeakMap
  • 什么是 Proxy
  • 说一说 promise？promise的各种api
  • Generator及其异步方面的应用
  • 说一说 async / await
  • class基本语法及继承

手写原理

  • new 操作符具体干了什么
  • instanceof 的实现
  • 实现原生ajax
  • 原生jsonp
  • 实现 call、apply、bind
  • 实现节流与防抖
  • 实现深浅拷贝
  • 实现函数柯里化
  • 实现数组去重
  • 实现数组扁平化

数据结构与算法
实习、校招前端算法，后面专门出一篇文章来讲。

  • 基本算法思想：双指针、排序、分冶、动态规划、二叉树、链表、栈和队列等要了解，以及对应的时间复杂度和空间复杂度
  • 算法实习不会太难，像动态规划，都是比较基础的动态规划
  • 基本上市 LeetCode 上简单、以及部分中等中偏简单的题

前端框架
其实大厂实习框架问的很少很少，校招可能会问的稍微多点，毕竟校招的时候你已经具备一定的实习经验了Vue

  • 双向绑定原理
  • Vue生命周期
    • 资源请求一般在哪个生命周期
    • 还有哪些生命周期可以请求资源
  • 单变量对应多视图Vue怎样去更新状态
  • Vuex中的几种状态
  • MVVM 模式的优缺点，与 MVC 的区别
  • 一般在哪个生命周期里请求接口
  • Vue 的组件通信
  • Vue 中是如何检测数组的变化
  • Vue 组件中的data为什么要写成函数形式
  • nextTick 是做什么用的，其原理是什么
  • Vue 的模板编译原理
  • computed 与 watch 的差异
  • vue-router 中的导航钩子
  • vue-router的两种模式
  • Vue中 key 值的作用
  • Vue中常见的修饰符
  • Vue中常用的指令
  • v-show 与 v-if 的区别
  • keep-alive 组件的作用
  • Vue的虚拟dom
  • Vue 中的slot 与 slot-scope

React

  • setState原理以及为啥是异步
  • diff 算法
  • 生命周期
  • hooks

浏览器

  • 浏览器缓存
  • 浏览器的同源策略
  • 跨域
  • 浏览器的渲染
  • 回流为什么比重绘更消耗性能
  • 浏览器的进程与线程
  • cookie、session、token的区别
  • 输入url 后发生了什么

Webpack
实习 Webpack 问的也很少。。。校招会问问。

  • Webpack 是什么？
  • Webpack 与 gulp 的区别？
  • Webpack 构建流程
  • Webpack 的优化
  • 热更新的原理
  • loader 与 plugins 的区别
  • 常用的 loader 与 plugin
  • 是否自己写过loader 或者 plugin

计算机基础
网络比重最大，毕竟前端跟网络打交道相对最多

  • UDP和TCP区别讲一下
  • 跨域的几种实现方式
  • 网站的本地缓存
  • TCP/IP 四层模型 、OSI七层模型、每一层的有哪些常见的协议
  • TCP 与 UDP 的区别
  • TCP 的 三次握手与四次挥手（为什么是三次？ 为什么是四次？）
  • TCP 的 流量控制与拥塞控制
  • TCP 可靠传输
  • TCP 滑动窗口
  • HTTP 的请求方法
  • GET 与 POST的区别
  • HTTP 常见的请求头
  • HTTP 状态码
  • HTTP 报文格式
  • HTTP1.0 、HTTP1.1 、HTTP 2.0
  • HTTP 与 HTTPS 的区别 、HTTPS的握手过程
  • HTTPS中的三个随机数是如何生成会话密钥的
  • HTTP 缓存：强缓存与协商缓存
  • 进程、线程
  • 进程之间的通信方式
  • 线程的哪些资源共享？哪些资源不共享
  • 死锁

安全

  • XSS 攻击及如何防范
  • CSRF 攻击及如何防范

升级打怪、学习曲线
很多大学生最关心的问题，就是我要怎么学，我学习的路径是怎么样的
先说一下大学的课程，高数、线性代数、计网、操作系统、计组、编译原理、数据结构这几门课如果有，一定要好好学，至少保证上课的时候是在状态的。别问为什么，因为重要啊！！这些东西长远来看，决定了你以后能走多远。

第一阶段
HTML、CSS、JavaScript（es5）第二阶段
JavaScript（es6）、前端框架(大厂相对偏向 React.js 多点)第三阶段
项目实战第四阶段
这里注意一下，实习要早一点开始准备简历，面试啥的。很多企业大三上结束的那个假期就已经开始招人了，怪怪就是那个时候面的，大三下开学不久就出来实习了。


总结，准备简历、准备面试相关题目、技能

其它
日常算法积累、Git工具使用、Node.js了解、自己多看看一些文章、博客啥的，多了解。

有的人看到这个曲线，可能会说，怎么这么简单，那怪怪在这里解释一下。
之所以没有把技能写的很细，是觉得学习关键还是要靠自己去看，去了解。整体曲线，4个阶段，没毛病。


比如，第二阶段，学习框架的时候。比如Vue.js，可能这个时候就要牵扯出一系列的技术栈，比如npm、Webpack打包、Node.js的作用等。
不想把曲线写的那么死，毕竟学习是一个很灵活的事情，你去企业工作也要不断的学习。互联网时代，只要你想学，都没啥大问题，好吧。
当然，有想了解学习阶段细节的小伙伴，也可以加怪怪微信一起探讨。

小结

  • 面试题仅做参考，学习是自己的事情，不要把希望寄托在别人身上。
  • 找工作的时候名校确实会占据一定的优势，但并不是决定性因素~
  • 乘风破浪会有时，直挂云帆济沧海 。愿小伙伴们最终都能有一个理想的归宿
自学前端到什么程度，可以去找工作呢？​www.zhihu.com
b8c314cd7e62972c4795dec06414e22b.png
作者：接水怪
链接： https:// juejin.im/post/68851084 20169433096
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
离乱説
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端基础——原型、instanceof
前端
03-01 1345
文章早就有了，现在制作一张图放上来。 什么是原型对象 当我们声明一个函数时A，浏览器会在内存中创建一个对象B，每个函数都有一个默认的prototype属性指向这个对象B，对象B默认有个constructor属性指回这个函数，这个对象B就是函数A的原型对象。 constructor不是实例化对象的自有属性，而是原型属性，因为原型对象的constructor指向构造函数，所以实例化对象的constr...
前端大厂最新面试题-typeof_instanceof.docx
06-06
前端大厂最新面试题-typeof_instanceof 在前端开发中， typeof 和 instanceof 是两种常用的判断数据类型的方法，下面我们将详细介绍这两种方法的使用方法、区别和实现原理。 一、typeof 操作符 typeof 操作符返回...
JavaScript instanceof 的使用方法
学习也休闲
10-23 1016
在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 “object”。这就需要用到instanceof来检测某个对象是不是另一个对象的实例。   通常来讲，使用 instanceof 就是判断一个实例是否属于某种类型。 另外，更重的一点是 instanceof
一篇文章搞懂instanceof方法
记录开发日常
04-02 574
一篇文章搞懂instanceof方法 instanceof的作用是判断对象的具体类型，返回的是一个布尔值。如果是指定类型返回 true，否则返回 false。 let obj = { name: '刘宇阳' } let arr = ['刘', '宇', '阳']; console.log(obj instanceof Object); //true console.log(arr instanceof Array); //true 注意点 数组本质上
8.21 实习总结 instanceof 与 .getclass()
weixin_38606312的博客
08-21 177
判断一个对象是否属于某各类时 1.使用 instance of             Object    instanceof    ObjectClass    返回值是boolean 2.使用getClass()            Object.getClass().equals("ObjectClass") 某些时候二者都可以。但是instance o
前端面试instanceof_2020前端面试题
weixin_42187944的博客
12-31 159
最近整理了一些面试题和面试经验，分享给大家，希望能给大家带来帮助。前端面试类型我大致总结为四类：1、基础题（包括js基础、css、网络知识）2、框架（jquery、vue、react、angularjs等等 取决于你会哪些框架）3、常用工具（git、webpack、gulp）4、提升类5、工作经历1、基础题首先是基础题，对于这类问题，准备的时候，可以多问一下自己为什么，因为面试管问的时候可能会由一...
前端面试题之baseJS-instanceof.zip
06-22
在前端开发领域，面试题是检验开发者基础技能和实际应用能力的重要方式。"baseJS-instanceof.zip"这个压缩包文件显然聚焦于JavaScript的基础知识，特别是`instanceof`操作符的使用。在这里，我们将深入探讨`...
2023最新前端面试题总结
05-30
"前端面试题总结" 以下是根据给定文件信息生成的相关知识点： 浏览器兼容性 在前端开发中，浏览器兼容性是一个非常重要的问题。不同的浏览器对 HTML、CSS、JavaScript 的解析和执行方式不同，这导致了同一个页面...
2023前端面试八股文.pdf
04-03
在前端面试中，JavaScript 是一个核心话题，对于求职者来说，深入理解其数据类型、类型检测以及特殊值如 null 和 undefined 的区别至关重要。下面我们将详细讨论这些知识点。 首先，JavaScript 有八种数据类型，...
前端面试高频考点前端面试高频考点
06-06
前端面试高频考点 在前端开发中，掌握高频考点知识点是非常重要的。本文将从 typeof、instanceof、类型转换、四则运算符、比较运算符等方面详细介绍前端高频考点。 一、typeof 和 instanceof 在 JavaScript 中，...
关于电压互感器的详细介绍.pdf
07-20
电压互感器（Voltage Transformer，简称VT），又称电压变压器或电压互感器（PT），是电力系统中不可或缺的重要设备之一。以下是关于电压互感器的详细介绍： 一、定义与功能 电压互感器是一种用于测量高电压并将其转换成低电压信号的电器设备，以便于测量、监测和保护。它主要用于电力系统中测量仪表、继电保护等二次设备获取电气一次回路电压信息的传感器。通过将高电压按比例转换成低电压（如100V或更低），电压互感器使得电力系统中的电压测量、保护和控制变得更加容易和安全。 二、工作原理 电压互感器的工作原理基于电磁感应原理。它通常由高压绕组、低压绕组和磁芯组成。高压绕组与高压电网中的相线相连，低压绕组则与电压表、保护装置等低压设备相连。当高压绕组中有电流通过时，会在绕组中产生磁场，这个磁场会穿过磁芯并感应到低压绕组中，从而在低压绕组中产生电压。由于低压绕组的匝数较多，因此在低压绕组中感应到的电压远低于高压绕组中的电压。 三、类型与分类 根据功能和用途，电压互感器可以分为多种类型。常见的类型包括电磁式电压互感器（如电容式电压互感器，应用广泛）和非电磁式电压互感器（如电子式、光电式等）
职工信息管理系统【C语言课程设计源码+项目文档】
07-20
职工信息管理系统【C语言课程设计源码+项目文档】 在日益发展的现代社会，一个高效实用的职工信息管理系统已经是企业必不可少的一个管理工具，它可以使企业在管理方面减少很多时间，本课程设计针对现代社会企业对员工信息的管理而设计， 使员工的管理更加的简捷，更加的方便，界面友好，易于操作。 1.1录入职工信息 对每个使用者进行进行录入，实现“一人一档”，录入使用者的工号、姓名、性别、电话号码、地址。 1.2输出职工信息 对已录入的使用者信息进行输出。将所有已经输入的职工信息一一输出。 1.3查询职工信息 对已录入的使用者信息进行查看，可通过编号和姓名进行搜索。 1.4更新职工信息 对已录入的使用者信息进行修改。首先需输入修改者编号，其次可进行修改。 欢迎学习！
09-输入.py
07-20
09-输入
使用PythonShapefileLibrary创建和编辑Shapefile文件.doc
最新发布
07-20
Python
物联网工程_车祸自动报警系统设计.docx
07-20
物联网工程_车祸自动报警系统设计
1203GMT-VB一种N-Channel沟道DFN8(5X6)封装MOS管
07-20
1203GMT-VB；Package：DFN8(5X6)；Configuration：Single-N-Channel；VDS：30V；VGS：20（±V）；Vth：1.7V；RDS(ON)=9mΩ@VGS=4.5V；RDS(ON)=7mΩ@VGS=10V；ID：80A；Technology：Trench；
某大型集团SAP数字化转型方案.pptx
07-20
某大型集团SAP数字化转型方案.pptx
【独家首发】Matlab实现被囊群优化算法TSA优化Transformer-LSTM实现负荷数据回归预测.rar
07-20
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
机房安全检查表-整理最新
07-20
机房安全检查表-整理最新
前端面试必备：深度解析JavaScript与面试技巧
"前端面试通过宝典，包含方法论、JavaScript、HTML5、CSS、DOM、框架、HTTP、工程能力、Web安全、跨域、TypeScript、计算机网络、算法、常见数据结构及面试技巧等全面知识，旨在帮助前端求职者准备面试。" 在前端...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值