从面试角度了解前端基础知识体系

目录

前端专业知识相关面试考察点

HTML 与 CSS

Javascript

网络相关

浏览器相关

安全相关

算法与数据结构

计算机通用知识

前端项目经验相关面试考察点

前端框架与工具库

Node.js 与服务端

性能优化

前端工程化

开发效率提升

监控、灰度与发布

多人协作

结束语


这两年大裁员过后,带来了一系列的人员变动,常常面临着不受宠的被辞退了,能干的人跑了,剩下的人在努力维护着项目。于是乎老板们才发现人好像又不够了,然后又开始各种招人。机会一直都有,重要的还是得努力提升自己的能力,才能在这场战斗中存活下来。

前端开发中相对基础的一些内容,主要围绕着 HTML/CSS/Javascript 和浏览器等相关。这些基础知识的掌握是必须的,但有些时候在工作中未必会用到。例如有些项目前后端部署在一起,并不会存在跨域一说,那么可能在开发过程中不会遇到浏览器请求跨域和解决方案相关问题。除了通过不断地学习和在项目中练习,或许从面试的角度来补齐相应的专业知识,可以给我们带来更大的动力。

本文的内容包括:

  • 前端专业知识相关面试考察点
  • 前端项目经验相关面试考察点

前端专业知识相关面试考察点

首先我们会针对前端开发相关来介绍需要掌握的一些知识,内容会包括 Javascript、HTML 与 CSS、网络相关、浏览器相关、安全相关、算法和计算机通用知识。

由于篇幅关系,下面会以关键知识点和问题的方式进行描述,并不会提供具体的答案和详细的内容描述。因此,大家可以针对提到的知识点和问题去进行深入学习和发散,也可以去网上搜一些相关的题目,结合大家的答案去尝试进行理解和解答。

HTML 与 CSS

关于 HTML 的内容会较少单独地问,更多是结合浏览器机制等一起考察:

  • DOM 操作是否会带来性能问题
  • 事件冒泡/事件委托

关于 CSS,也有以下的一些考察点:

  • 介绍盒子模型
  • 内联元素与块状元素、display
  • 文档流的理解:static/relative/absolute/fixed
  • 元素堆叠:z-indexposition的作用关系
  • Flex 布局方式的理解和使用
  • Grid 布局方式的理解和使用
  • BFC 的优点和缺点
  • CSS 动画考察:关键帧、animatetransition

很多时候,面试官也会通过让候选人编码实现某些样式/元素的方式,来考察候选人对 CSS 的掌握程度,其中布局(居中、对齐等)会比较容易考察到。
 

Javascript

前端最基础的技能包括 Javascript、CSS 和 HTML,尤其是新人比较容易遇到这方面的考察。对于 Javascript 会问到多一些,通常包括:

考察范围具体问题
对单线程 Javascript 的理解单线程来源
Web Workers 和 Service Workers 的理解
异步事件机制为什么使用异步事件机制
在实际使用中异步事件可能会导致什么问题
关于setTimeoutsetInterval的时间精确性
对 EventLoop 的理解介绍浏览器的 EventLoop
宏任务(MacroTask)和微任务(MicroTask)的区别
setTimeoutPromiseasync/await在不同浏览器的执行顺序
Javascript 的原型和继承如何理解 Javascript 中的“一切皆对象”
如何创建一个对象
protoprototype的区别
作用域与闭包请描述以下代码的执行输出内容(考察作用域)
什么场景需要使用闭包
闭包的缺陷
this与执行上下文简单描述this在不同场景下的指向
apply/<

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/27897.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

目标检测数据集 - PCB板表面缺陷检测数据集下载「包含VOC、COCO、YOLO三种格式」

数据集介绍&#xff1a;PCB 板表面缺陷检测数据集&#xff0c;真实采集高质量 PCB 板表面含缺陷图片数据&#xff0c;数据集含多款不同 PCB 板高清表面图片数据&#xff0c;包括俯拍正拍、旋转拍摄姿态。数据标注标签包括 missing_hole、mouse_bite、open_circuit、short、spur…

【Python推导式秘籍】:一行代码的艺术,高效数据处理之道

文章目录 &#x1f68b;Python推导式&#x1f680;一、列表推导式&#x1f308;1. 了解推导式❤️2. 实践&#x1f4a5;3. 总结 &#x1f680;二、字典推导式&#x1f308;1. 了解字典推导式❤️2. 实践&#x1f4a5;3. 总结 &#x1f680;三、集合推导式&#x1f308;1. 了解集…

AI实践与学习5-AI解题场景RAG应用预研demo

背景 AI解题场景现状&#xff0c;教研测评文档&#xff1a;xxx 解题正确率仍需进一步提高&#xff0c;提示词优化方案基本无力o目前配置的易错题CoT示例支持的长度有限&#xff0c;后续题量大的时候配置具有局限性。某些英语翻译题型BAD CASE反映大模型的输出格式不太符合要求…

java:spring【AnnotationMetadata】的简单使用例子

# 项目代码资源&#xff1a; 可能还在审核中&#xff0c;请等待。。。 https://download.csdn.net/download/chenhz2284/89435385 # 项目代码 【pom.xml】 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-start…

Linxu开机出现 Generating “/run/initramfs/rdsosreport.txt“解决方案

Linxu开机出现 Generating "/run/initramfs/rdsosreport.txt"解决方案 解决&#xff1a; 一、找这个-root结尾的文件也不一样。 大家可以用ls /dev/mapper查看到自己装的镜像对应的以-root结尾的文件是哪个。 二、所以我们运行的是&#xff1a;xfs_repair /dev/map…

Flutter 自定义日志模块设计

前言 村里的老人常说&#xff1a;“工程未动&#xff0c;日志先行。” 有效的利用日志&#xff0c;能够显著提高开发/debug效率&#xff0c;否则程序运行出现问题时可能需要花费大量的时间去定位错误位置和出错原因。 然而一个复杂的项目往往需要打印日志的地方比较多&#…

大数据计算入门指南

大数据计算是指处理和分析大量数据的技术和方法。以下是一个入门指南&#xff0c;帮助你了解大数据计算的基本概念、工具和技术。 1. 大数据的特点 大数据通常具有以下四个主要特点&#xff1a; Volume&#xff08;数据量&#xff09;&#xff1a;数据的规模非常大。Velocit…

Spring Data JPA 通过方法名查询,通过名字查找用户区分用户名大小写吗

Spring Data JPA 通过方法名来定义查询时&#xff0c;是否区分大小写主要取决于底层数据库的校对集&#xff08;collation&#xff09;和JPA查询的默认行为。 首先&#xff0c;当你使用Spring Data JPA 的方法名查询时&#xff0c;如 findByName(String name)&#xff0c;Spri…

Linux动态Web服务器(Tomcat)

文章目录 一、动态网页介绍二、动态网页的工作原理三、动态网页常见技术3.1、CGI技术3.2、PHP技术3.3、JSP技术3.4、ASP技术 四、Tomcat4.1、什么是Tomcat4.2、Tomcat安装4.3、检查Tomcat进程4.4、编写Tomcat开机自动运行脚本4.4、解决激活状态 默认情况下&#xff0c;Apache只…

web错题(1)

action属性是form标签的必须属性&#xff0c;用于指定表单提交时表单数据将被发往哪里 dir能够指定文本显示方向的属性 可以产生下拉列表的标记时<select> multiple属性设为true&#xff0c;表示输入字段可以选择多个值 lable标签的for属性可以把lable绑定到另一个元…

Qt中的事件循环

Gui框架一般都是基于事件驱动的&#xff0c;Qt也不例外&#xff0c;在 Qt 框架中&#xff0c;事件循环&#xff08;Event Loop&#xff09;是一个核心机制&#xff0c;负责管理和分发应用程序中的所有事件和消息。它确保了应用程序能够响应用户输入、定时器事件、窗口系统事件等…

vagrant putty错误的解决

使用Vagrant projects for Oracle products and other examples 新创建的虚机&#xff0c;例如vagrant-projects/OracleLinux/8。 用vagrant ssh可以登录&#xff1a; $ vagrant ssh > vagrant: Getting Proxy Configuration from Host...Welcome to Oracle Linux Server …

网络协议,OSI,简单通信,IP和mac地址

认识协议 1.讲故事 2004年&#xff0c;小明因为给他爹打电话&#xff08;座机&#xff09;费用太贵&#xff0c;所以约定一种信号&#xff0c;响一次是报平安&#xff0c;响两次是要钱&#xff0c;响三次才需要接通。 2.概念 协议&#xff1a;是一种约定&#xff0c;这种约…

【Android面试八股文】请描述new一个对象的流程

文章目录 请描述new一个对象的流程JVM创建对象的过程检查加载分配内存内存空间初始化设置对象初始化请描述new一个对象的流程 JVM创建对象的过程 当JVM遇到一条new指令时,它需要完成以下几个步骤: 类加载与检查内存分配 并发安全性内存空间初始化设置对象信息对象初始化下图…

10W大奖等你瓜分,OpenTiny CCF开源创新大赛报名火热启动!

OpenTiny CCF开源创新大赛正式启幕&#xff01; &#x1f31f;10万奖金&#xff0c;等你来战&#xff01; &#x1f31f; &#x1f465;无论你是独行侠还是团队英雄&#x1f465; 只要你对前端技术充满热情&#xff0c; 渴望在实战中磨砺技能&#xff0c; 那么&#xff0c…

抢占人工智能行业红利,前阿里巴巴产品专家带你15天入门AI产品经理

前言 当互联网行业巨头纷纷布局人工智能&#xff0c;国家将人工智能上升为国家战略&#xff0c;藤校核心课程涉足人工智能…人工智能领域蕴含着巨大潜力&#xff0c;早已成为业内共识。 面对极大的行业空缺&#xff0c;不少人都希望能抢占行业红利期&#xff0c;进入AI领域。…

文件系统小册(FusePosixK8s csi)【3 K8s csi】

文件系统小册&#xff08;Fuse&Posix&K8s csi&#xff09;【3 K8s csi】 往期文章&#xff1a; 文件系统小册&#xff08;Fuse&Posix&K8s csi&#xff09;【1 Fuse】文件系统小册&#xff08;Fuse&Posix&K8s csi&#xff09;【2 Posix标准】 0 核心知识…

通信工程专业本科选课记录

我本科是通信工程专业&#xff0c; 研究生是计算机学院的电子信息专业&#xff0c;研究方向是人工智能。此为背景。由于之前发布了一篇 本科辅修金融学专业 的博客文章&#xff0c;故顺便想整理一下本科通信工程专业所修读课程的内容。此为本文的缘由。 以下仅包含专业相关的课…

liunx常见指令

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 目录 前言 二、安装环境 1.租借服务器 2.下载安装 XShell 3.使用xshll登录服务器 三、Linux基础命令 一、文件和命令 ​编辑1、cd 命令 2、pwd 命令 3、ls 命令 4、cp 命令 …

富格林:正视欺诈阻挠交易被骗

富格林指出&#xff0c;在交易的过程中&#xff0c;投资者们就算做了十分的把握&#xff0c;也难免会出现亏损。因此建议新手投资者&#xff0c;在准备投资时一定要做好充分的准备工作&#xff0c;明辨欺诈陷阱&#xff0c;同时学习正规的做单盈利技巧&#xff0c;这才能帮助我…