前端面试从入门到入职

最新推荐文章于 2024-06-11 11:06:25 发布
置顶 最新推荐文章于 2024-06-11 11:06:25 发布
阅读量347 收藏 2
点赞数 2
分类专栏： 前端 文章标签： 面试 前端 javascript html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40294512/article/details/116241711
版权
博主分享了在准备前端面试过程中遇到的难点，如JS函数作用域的复杂性、原型和原型链的概念以及执行上下文的关键点。同时，也提到了一些经典面试题目，如Foo函数和getName问题。此外，还涉及CSS中如何让div消失的技巧，以及浏览器加载URL后的完整流程和HTTP协议的不同版本。这些内容旨在帮助读者深入理解前端开发的核心概念。
摘要由CSDN通过智能技术生成

最近在准备面试，岗位是前端，之前只是会做一些前端的项目，对于前端的内容并没有系统的学习，尤其是理论知识的部分，最近在准备面试的时候才发现里面大有洞天，尤其是js部分的内容，我会把里面比较难懂的或是重点的知识挑出来写成博客，用于记录和分享。

每次写完新文章之后会在这里更新链接！欢迎交流分享！

js部分

js的函数作用域为什么这么乱！

啥是原型？啥又是原型链？

执行上下文期间都在做什么？

经典面试题Foo与getName()


CSS部分

怎么让一个div消失在视野里？


其他

浏览器输入网址后发生了什么?

前端面试：HTTP协议1.0、1.1和2.0

爱玩游戏的小隐
关注
专栏目录
2021中高级前端面试题合集，已拿offer入职
m0_57066056的博客
06-07 329
思维导图 简历 首先肯定是要准备一份自己的简历，简历经常是给面试官的第一印象。 简历一般包括个人基础信息，专业技能，项目经验，其他模块。 个人基础信息模块就不说了，太基础。 专业技能: 专业技能这一节，最好除了列一些通用的技术能力，也写上一些对某个技术点的深入研究。 先区分大能力，如： 掌握前端基础能力 有移动 Web 开发能力 了解新技术 再归类小能力，如： 了解常用的屏幕适配方案 了解移动端与 PC 开发的差异 了解 base64 等移动端常用的优化方案 最后补上亮点如： …… 研究过一些手
前端从一只小白到工作半年的心路历程
anhuyong5631的博客
05-13 983
提笔又不知从何说起， 毕竟头发还茂盛，离大神就差一头秀发的距离， 所以此文不讲技术， 只是单纯的总结一下我是怎么入坑的。本人前端打杂的，不喜勿喷。 17年7月我毕业了， 可我并不知道未来在何方， 我该做什么，大学四年给我的只是一纸证书 由于家在南方， 所以就选择了深圳这个繁华又孤独的城市， 搜索和专业有关的工作， 机械地海投简历，焦虑， 想做出改变...
这才是自学前端的正确姿势！（本人亲身经历，9个月拿到拼多多、美团、京东校招offer）
2301_79773949的博客
12-05 829
本人自2023年2月开始自学前端，本科是数学专业的，在此之前只接触过C语言，因此对于前端可谓是零基础，由于网上的学习路径鱼龙混杂，因此在中间自己也踩了一些坑。经过九个月的学习，最终在今年秋招斩获三个大厂的offer，给自己的前端学习之路画上一个不错的节点，希望能够将自己这段时间整理总结的笔记分享出来，帮助大家。主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue 等等。
前端小白入职前的准备
qq_38502227的博客
06-13 4848
每到入职前的一天，心里都有点的小慌，担心明天入职时该怎么做？ 其实不必慌张，首先将该带的证件准备齐全如：身份证，离职证明 ，入职体检 ，学历证书 ，银行卡 ，具体要求看公司 其次将需要的环境之类的安装包准备好，如：node , 编译工具（vscode），git ，sourcetree 等等之类的 一般情况下，入职第一天都是配置环境，看代码，不会有太多的事情 如果自己的电脑浏览器上有书签，...
【新人福利】前端学习路线，再也不用发愁自己该从何学习
静Yu的博客
06-25 3859
详细的前端学习路线，让你的学习之路更加光明。
前端工程师：从入门到入职，你需要哪些技能
xuezhangmen的博客
04-14 895
一、前端工程师的出现 前端工程师是一个出现了10年左右，而颇受重视则是最近这五六年的事情。受到重视到前端从业人员井喷，也就是这一两年而已。因为前端工程师这个职位出现得太晚，导致各大学校均没有系统的相关教学，我们所熟知的各个大牛均是自我研究自我学习的。而随着google推出v8引擎以来，尤其是gmail对ajax的应用，再随着jquery的出现，解决了各大浏览器的兼容问题，而nodejs则将js推向服务器端，javascript从一个边角料的语言变成了一个性能强劲，前后端通吃的强大语言。技术的发展紧紧是一个方
五周从前端入门到前端开发工程师
最新发布
2401_85124233的博客
06-11 416
我在成长过程中也是一路摸爬滚打，没有任何人的指点，所以走的很艰难。例如在大三的时候，如果有个学长可以阶段性的指点一二，如果有已经工作的师兄可以告诉我工作上需要什么，我应该前面的三年可以缩短一半；后来去面试bat，失败了有5、6次，每次也不知道具体是什么原因，都是靠面试回忆去猜测可能是哪方面的问题，回来学习和完善，当你真正去招人的时候，你就会知道面试记录是多么重要，面试官可以从面试记录里看到你的成长，总是去面试，总是没有成长，就会被定义为缺乏潜力。位置选择器后代选择器子代选择器选择器对象子元素。
前端面试，从入门到放弃
weixin_34122810的博客
10-07 128
这是前几篇前端面试文章的结尾，是很多个月前就该写下的事情。其中经历了入门到放弃系列的火热，想起了此题目，可直到其热度褪去依然没有开写。不能再拖了，否则事情估计都快忘光了。 面试过程 依然是某金融集团的外包，这次换了一个外包公司。首先是电话面试，还是还是些常见的前端问题，自己感觉还好，过了。然后是到现场地面试，谈的比较多，之后就是走形式的笔...
前端开发实习生面试总结
changyana的博客
08-23 2668
应聘前端开发实习生，很多问题之前都没有接触过，现在总结一下我投的几家公司被问到的前端技术。
Web安全最详细学习路线指南，从入门到入职（含书籍、工具包）_快速学习web(1)
2401_84297193的博客
05-02 852
以漏洞挖掘为例，光是学习五花八门的攻击手法就需要花不少的时间。在这个领域，为了研究一个问题，可能花费数月甚至数年时间，这绝非一般人能坚持下来的。不仅如此，不是勤奋就可以成功，更多还要靠天分。像腾讯几大安全实验室的掌门人，业界知名的TK教主、吴石这些人物，他们已经深谙漏洞挖掘的奥义，并将这门绝技融会贯通，做个梦都能想到新的玩法。不过像这样的天才实在是少之又少，绝大多数人都无法企及。如果说程序员是苦逼的话，那二进制安全研究就是苦逼Plus。
前端面试：浏览器输入网址后发生了什么？
小隐的博客
04-25 1329
从前端面试题出发分析一系列知识点 大致来看，从输入url到网页显示会经历下列五个阶段 将url转换为ip地址 同服务器进行通信 获取网页内容 浏览器进行渲染 断开通信 下面来具体分析每个阶段都做了什么，因为是一道非常经典的前端面试题，并且覆盖面非常广，所以尽量做到深挖知识要点。有些可以单独写文章的地方会用黄色记号标记，之后会用文章链接替代！ #1. url到ip地址的转换 —— DNS解析 为了向www.baidu.com发送请求，必须获得www.baidu.com的ip地址，理所当然应该使用DNS去
前端面试：啥是原型？啥又是原型链？
小隐的博客
05-09 1178
原型与原型链 # 原型 概念 ES6以前，js有面向对象的特性但是没有明确的语法规范例如class关键字来生成对象，还是靠function来完成的（不得不吐槽ES6之前的js真的是一坨ES6语法以后再谈，还是先挖坑）以至于出现了这种情况。 console.log(Function instanceof Object); // true console.log(Object instanceof Function); // true //函数是对象构造的 对象也是函数构造的，俩者即是函数也是对象 js的原型
前端面试：HTTP协议1.0、1.1和2.0
小隐的博客
05-15 706
昨天面试时，面试官问到我HTTP和HTTPS的区别，问完之后又追加了一个HTTP各版本直接的区别，我当场傻住，虽然之前有看过，但是没有完全看过。 HTTP协议 HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议。HTTP协议工作于客户端-服务端架构上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。 HTTP的三大特征：无连接、无状态、媒体独立 随着历史不断的发展，HTTP协议也一直在更新中，协议更新的
前端开发学习笔记：从入门到精通
12. **前端面试题**：包含了JavaScript基础面试题和DOM经典面试题，对求职者进行面试准备非常有帮助。 13. **技术文档**：强调了阅读和理解官方技术文档的重要性，以及如何有效地利用它们来解决问题。 14. **项目...
前端面试：经典面试题Foo与getName()
小隐的博客
05-12 2413
从一道面试题出发 按照惯例，还是从面试题出发。（日常面向面试学习 ???? ） function Foo(){ getName = function(){ console.log(1); } return this; } var getName; function getName(){console.log(5);} Foo.getName = function(){console.log(2);} Foo.prototype.getName = function(){console.l
前端面试：怎么让一个div消失在视野里？
小隐的博客
05-07 692
怎么让一个div消失在视野里？ 前两天面试被问到了这道题，当时回答了4种方案，面试结束后想想其实回答的很烂，面试回答问题的时候尽量做到先分类，然后按照分类回答，这样即显得有条理，面试官听的也清楚，其次也不容易遗漏内容。 我个人认为解决方案可以分为以下两大类： 视野内隐藏 移动到视野外 下面来具体看一下每类的具体解决方案： #1. 视野内隐藏 1.设置高度宽度为0 div { height: 0; width: 0; } 2.设置透明度为0 div { opacity: 0; }
前端面试：js的函数作用域为什么这么乱！
小隐的博客
04-28 530
最近被js的函数作用域链折腾的不浅，今天彻底来解决一下这类问题。（不得不吐槽js作用域真的很乱，let才是yyds） 首先先看两段代码 /*first code*/ var a = 'apple'; console.log(a); //apple if(true){ console.log(a); //apple var a = 'pear'; console.log(a);//pear } console.log(a); //pear /*second code*/ var a = 'ap
置换元素和非置换元素
小隐的博客
03-11 337
置换元素（Replaced Element）：浏览器根据元素的标签和属性，来决定元素的具体显示内容。 指 img、input、textarea、select、object 等这类默认就有 CSS 格式化外表范围的元素。 非置换元素（non-Replaced Element）: 就是除了 img、input、textarea、select、object 等置换元素以外的元素。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值