前端面试精讲
文章平均质量分 74
收集各类经典或高频面试题,并做详细解析
欧阳呀
早一批“吃螃蟹”的人。多年前端开发及项目管理经验,擅长vue,原生js,react。v: ouyang_Allen,承接毕设
展开
-
八年前端开发之路中遇到的一些实用技巧分享——代码思路及通用场景
【代码】八年前端开发之路中遇到的一些实用技巧分享——代码思路及通用场景。原创 2024-05-14 20:25:01 · 344 阅读 · 0 评论 -
重学JavaScript核心知识点(二)—— 详解Js中的模块化
【代码】重学JavaScript核心知识点(二)—— 详解Js中的模块化。原创 2024-05-12 22:34:57 · 740 阅读 · 1 评论 -
JavaScript经典算法(一)—— 排序类
1. 冒泡排序1.1 概述一般用于数组的排序比较相邻两个元素的大小,大的放在小的后面1.2 原理与实现需要两个for循环外层循环控制比较几轮,内层循环控制每轮比较几个元素let arr = [11,8,7,18,56,35,41,9]; for(let i = 0; i <= arr.length - 1; i++){ // 外层循环控制比较几轮 for(let j = 0; j <= arr.len.原创 2021-07-07 09:23:46 · 867 阅读 · 20 评论 -
吊打面试官了解一下?2021年字节跳动春招面试题详解(附详细答案)
剑指offer —— 2021字节跳动春招面试题详解(CSS篇)1. padding 与 margin2. vw 与 % 有什么区别?3. 行内元素与块级元素有什么不同?4. 如何使一个div在body中快速居中对齐?5. 如何用CSS绘制如下三角形?6. BFC规范是什么?7. 怎么让Chrome支持小于12px 的文字?8. css 加载会造成阻塞吗?9. 1像素边框问题如何解决?10. CSS优化、提高性能的方法有哪些?本文选题都是字节跳动中一些 经典且有一定难度的面试题含金量杠杠的!,并且会进原创 2021-06-02 07:59:09 · 10570 阅读 · 108 评论 -
Vue-cli3.0+ 打包优化(六种常用方案)
Vue打包优化实践方案(已上线)原创 2021-04-17 15:10:21 · 72828 阅读 · 5 评论 -
react中constructor( )和super( )详解
前言如果大家经常使用 react() 做项目,像constructor( )与super( )肯定是司空见惯了,哪哪都有,但是很多人都是复制粘贴一把梭,并不知道这是干啥的与底层原理。实际上这不是 react()的专属玩意,而是JS自带的,原型链相关的知识,今天来把它撸一撸。constructor( )这是ES6对类(Class)的默认方法,一般用于数据初始化,通过 new 命令生成对象实例时自动调用该方法。并且,该方法是类中必须有的,如果没有显示定义,则会默认添加。ES5中,J..原创 2021-04-02 20:38:28 · 14018 阅读 · 1 评论 -
面试高频 —— 与浏览器相关的几道经典难题详解
1. 在浏览器中输入URL并回车后都发生了什么?(阿里真题)考察点:浏览器基础,TCP协议,网页解析过程解题过程:解析url,去域名系统里匹配IP(域名是真实IP的映射) 解析url过程(例:https://www.baidu.com): https ——传输协议,www ——服务器,baidu.com ——域名 如果是第二次访问某个网址,会先去浏览缓存里找是否有这个url,找到对应IP 浏览器与网站建立链接 (TCP三次握手,期间不携带任何真实数据) 请求数据...原创 2021-03-08 13:32:34 · 22181 阅读 · 3 评论 -
原生JS实现图片懒加载
原理与概述概述:如网页中需要加载N张图片,为了提升用户体验,减少用户的等待时间,兼顾加载性能。只加载当前视口的图片(也称作一屏),其余图片等用户向下滑动的时候再进行加载(滚动条向下滚动的时候)。原理:获取用户设备当前高度,循环图片,获取其距离顶部的距离,处在第一屏的图片先加载,当滚动条发生滚动,继续加载。html 实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">.原创 2020-12-27 09:58:35 · 9712 阅读 · 2 评论 -
web前端性能优化 —— 前端人必需的知识储备
本文较长,也比较全,从多个维度、各个阶段来谈前端性能优化的各种实用技巧。(重点与难点放了图片解析,希望能够对大家有所帮助)请求阶段 开启HTTP2 多路复用,突破TCP连接数限制。 头部压缩,节省请求带宽。 二进制分帧方式,提高通信效率。 开启http缓存 利用Expires和Cathe-Control开启强缓存 利用Last-Modified/If-Modified-Since开启协商缓存原创 2020-12-08 16:04:45 · 23220 阅读 · 10 评论 -
2021年,vue3.0 面试题分析(干货满满,内容详尽)
Vue3.0 对于我们前端人的重要性 —— 2021年面试必备2020年09月18日,vue3.0正式发布。随着它的发布,Vue.js再次被推上了前端的风口浪尖。同时,面试官的提问也将加入一些有关Vue3.0的新元素(相信近期去面试的小伙伴或多或少都会被问到Vue3.0的知识点)。那么接下来分析一波(本文讲的非常详细,争取大家都能看懂,对大家有所帮助):1. Vue3.0里有哪些是值得我们重点关注的点?2. Vue3.0中,哪些是面试官喜欢问的高频率问题?1. Vue3.0 .原创 2020-12-05 11:50:46 · 49857 阅读 · 19 评论 -
剑指 offer —— js闭包面试通杀秘籍
前言说到js闭包,早已不是什么新鲜事。几乎是前端面试时必问的一道题,到如今已是烂大街的存在,但不可否认的是,仍然有一些人没有搞懂,只知其然不知其所以然,那么我们今天就好好的捋一捋。从作用域说起说的通俗一点,作用域就是:生效的区域。比如说,我们的身份证只在国内生效,出国就得用护照了。1. JS 局部作用域(只在当前函数生效,函数外部无法访问)2. JS全局作用域(在整个Script标签内生效,函数内可以访问)3. 从浏览器底层谈本质区别可以看到:1....原创 2020-07-25 15:48:16 · 288 阅读 · 1 评论 -
js经典面试题之 Object.create(null)
说在前面之前腾讯面试的时候,问了这个问题:对象字面量创建对象与 Object.create(null)创建对象有什么区别?一开始是有点懵的,不都是创建对象么,能有啥不同,后面我去试了一下,结果发现还蛮有意思:不同点 var obj = {}; var obj2 = Object.create(null); console.log(obj); consol...原创 2019-12-30 18:55:29 · 9379 阅读 · 2 评论 -
js闭包的实用性----应用场景
上篇文章说了闭包的形成以及原理。这篇说一说闭包的实用性。应用场景一:事件节流与事件防抖这里讲一个事件防抖的例子,在监听input值发生变化的时候,定时发送请求,预防请求过多,服务器性能过载。function antiShake(fn, wait) { let timeOut = null; return args => { if (timeO...原创 2019-11-26 17:54:41 · 10602 阅读 · 1 评论 -
深度了解js闭包形成及其原理
闭包一说到这个问题,很多人第一印象就是函数里返回一个函数,就是闭包。闭包也是被大家广泛讨论的一个问题,但是很多人都是只知其然,不知其所以然。那么闭包到底是什么?我们放到后面来回答。作用域与作用域链作用域 // 案例1 // 全局作用域 函数向上找 var name= '帅哥'; function fn1(){ console.log(name...原创 2019-11-25 17:43:32 · 7541 阅读 · 1 评论 -
vue虚拟dom详解
从 vue1.x 设计理念说起对vue发展史比较熟悉的同学,应该知道这件事:vue1.0 并没有虚拟dom这玩意,而是是采用数据绑定、依赖收集的方式去观察数据变化并保留对实际 DOM 元素的引用,当有数据变化时进行对应的操作,每一个观测的render Watcher 对应的就是一个真实的DOM节点。好处是少量数据更新对比Virtual DOM 性能更好,坏处是大量数据更新、初始渲染性能、对比Virtual DOM 性能更差。渲染列表时当数据全新的时候,需要销毁之前的所有实例,重新创..原创 2020-08-28 22:11:26 · 1139 阅读 · 1 评论 -
深度剖析互联网一线大厂Vue面试题
熟练使用框架的必要性 说到使用前端框架,已经不是什么新鲜事了,目前大部分公司都会要求你熟练使用Vue或React框架,这也成了前端工程师面试的家常便饭。 所以这也是我们的必备技巧,同时也经历了一波发展变化,不得不防。那么,现在我去面试,面试官会问哪些关于Vue的问题呢?不要慌,客官接着往下看。 回顾一下16-19年Vue的经典面试题及分析: 1.父子组件传值(Vue面试高频题目,现在估计也会顺带提一下,不过相信大家都烂熟于心了)...原创 2020-05-31 13:15:28 · 1325 阅读 · 0 评论 -
四面腾讯与华为,大厂前端面试都问些什么问题?
今年算是经历颇多的一年了,腾讯和华为都走了几趟(一共面试了四个部门),拿了两个offer。(开心.png),但还是挂了两次,有点遗憾。面试题总结 面试完之后,赶紧总结了一波,前端这个岗位,这两家大厂的面试思路和面试问题其实都差不多:1. JS底层:说一说js的原型与继承。 分析一下优秀的前端框架源码,这么写的优缺点在哪。 this指向问题,this的深拷贝如何实现,这个也是高频率被问到的问题。 js事件流是怎么样体现的。 柯里化函数...原创 2020-05-21 18:51:09 · 1136 阅读 · 1 评论