前端面试题
文章平均质量分 88
万丈高楼平地起
越是基础的东西越是关键。
心静如莲_心如止水
这个作者很懒,什么都没留下…
展开
-
前端开发工程师-岗位职责-任职要求
5.熟悉页面架构和布局,对表现与数据分离、Web语义化等有深刻理解,对用户体验、交互操作流程、及用户需求有深入理解;7.技术视野广阔,有主导前端技术方案设计的能力和经验以及独立解决技术难题的能力,能够独立承担项目开发工作;1.参与前端框架和组件易用性改善,基础建设和推进新框架技术的落地,参与组件迭代,提高团队开发效率;6.具有良好的沟通能力及逻辑思维能力,能够承担一定的工作压力,具有较强的责任心和执行力;2.了解各种Web前端技术和标准、了解antd、React等主流开发技术框架,原创 2023-05-09 01:53:22 · 1069 阅读 · 0 评论 -
在 Vue 中,如何实现 RBAC(权限系统)?
权限管理”一般在大家的印象中都属于后端的责任,但这两年随着 SPA 应用的兴起,很多应用都采用了前后端分离的方式进行开发,但是纯前端的开发方式就导致,以前很多由后端模板语言硬件解决的问题,现在势必要重新造一次轮子。而如果要重造轮子,前端er 就要根据对应的公司业务需求和后端er 一起配合,基于需求和安全性来考虑,来实现这个动态路由了。所以考虑到以上的痛点和具体的业务需求。今天我会模拟前端请求后端,获取用户权限,实现RBAC,带你从登录到验证、鉴权,最终实现动态 RBACRABC 的功能。原创 2023-05-09 01:38:16 · 1553 阅读 · 0 评论 -
人事面试问题汇总
这是面试官100%会问的问题,一般人回答这个问题过于平常,只说姓名、年龄、爱好、所学专业等,如果你用一分钟来重复你的简历,那么,你的印象加分没有了!不妨坦诚自信地展现自我,重点突出与应聘职位相吻合的优势。你的相关能力和素质是企业最感兴趣的信息。因为,在许多情况下,在听取你的介绍时,面试官也会抓住他感兴趣的点深入询问。所以,在进行表述时,要力求以真实为基础,顾及表达的逻辑性和条理性,避免冗长而没有重点的叙述。一定要在最短的时间内激发起面试官对你的好感。我叫XX,今年X岁,XXXX年毕业于XX大学。原创 2023-05-02 02:37:01 · 226 阅读 · 0 评论 -
后台系统的权限控制与管理-面试必问系列
此文章根据视频教程进行整理前端面试官必问系列-后台系统的权限控制与管理,建议搭配视频教程一起食用效果更佳在Web 系统中,权限很久以来一直都只是后端程序所控制的。为什么呢?因为Web 系统的不质围绕的是数据, 而和数据库最紧密接触的是后端程序。所以在很长的一段时间内, 权限一直都只是后端程序要考虑的话题。但是随看前后端分离架构的流行, 越来越多的项目也在前端进权限控制。原创 2023-05-09 01:35:37 · 565 阅读 · 0 评论 -
一、HTML基础-前端面试题
我们可以直接在元素标签上声明这样的数据属性:原创 2023-05-07 02:17:28 · 75 阅读 · 0 评论 -
二、CSS基础-前端面试题
考察: 性能优化的方案CSS Sprites,俗称雪碧图、精灵图。这是一种CSS图片合并技术,就是将CSS中原先引用的一些较小的图片,合并成一张稍大的图片后再引用的技术方案。它可以减少请求多张小图片带来的网络消耗(因为发起的HTTP请求数变少了),并实现提前加载资源的效果。原创 2023-05-07 02:16:09 · 101 阅读 · 0 评论 -
三、JavaScript基础-前端面试题库
变量提升(hoisting),是负责解析执行代码的 JavaScript 引擎的工作方式产生的一个特性。首先,对代码进行预解析,并获取声明的所有变量然后,将这些变量的声明语句统一放到代码的最前面最后,开始一行一行运行代码JS引擎将var a = 1分解为两个部分:变量声明语句和变量赋值语句a = 1JS引擎将放到代码的最前面,而a = 1保留在原地变量的这一转换过程,就被称为变量的声明提升。而这是不规范, 不合理的, 我们用的 let 就没有这个变量提升的问题。原创 2023-05-06 02:28:54 · 221 阅读 · 0 评论 -
四、HTTP协议-前端面试基础
对称加密的特点是文件加密和解密使用相同的密钥,即加密密钥也可以用作解密密钥,这种方法在密码学中叫做对称加密算法,对称加密算法使用起来简单快捷,密钥较短,且破译困难**通信的双⽅都使⽤同⼀个秘钥进⾏加密, 解密。**⽐如,两个人事先约定的暗号,就属于对称加密。原创 2023-05-08 00:35:12 · 141 阅读 · 0 评论 -
五、TCP协议-前端面试基础
DNS解析(域名解析服务器)将 域名 转换成 ip地址 (一个域名和ip的映射关系, 具体登记在哪里, 看我们如何申请关联的!假定请求的是 www.baidu.coma)首先会搜索浏览器自身的DNS缓存(缓存时间比较短,大概只有1分钟,且只能容纳1000条缓存)b)如果浏览器自身的缓存里面没有找到,那么浏览器会搜索系统自身的DNS缓存c)如果还没有找到,那么尝试从 hosts 文件里面去找 (一个系统电脑的文件, 可以编辑, 可以存 域名 和 ip 的对应关系)原创 2023-05-08 00:35:33 · 131 阅读 · 0 评论 -
六、DOM-前端面试基础
事件委托,就是利用了事件冒泡的机制,在较上层位置的元素上添加一个事件监听函数,来管理该元素及其所有子孙元素上的某一类的所有事件。示例。原创 2023-05-07 02:20:19 · 55 阅读 · 0 评论 -
七、浏览器底层原理-前端面试基础
首先,同源是指资源地址的 “协议 + 域名 + 端⼝” 三者都相同,即使两个不同域名指向了同⼀ IP 地址,也被判断为⾮同源。下面是一些地址的同源判断示例:以下不同地址的页面, 去请求一个接口:同源策略是浏览器的一种⽤于隔离潜在恶意⽂件的重要安全保护机制!!!(服务器没有这个策略限制)<img><link>script。原创 2023-05-07 02:14:39 · 114 阅读 · 0 评论 -
八、前端工程化-前端面试题库
Babel 的主要工作是对代码进行转译。(解决兼容, 解析执行一部分代码)转译流程示意图:我们可以通过来查看 Babel 具体生成的 AST 节点。原创 2023-05-07 02:10:11 · 86 阅读 · 0 评论 -
九、Vue-前端面试题库
项目的介绍, 因人而异, 可以找不同的网站, 先从网站的功能业务角度出发, 去介绍然后思考: 如果是现在让你写这样的功能页面, 你会如何实现!然后手写记录下来, 推算合理性 (遇到什么问题, 怎么解决的!),逐步完善对于项目的介绍以饿了么为例:1 基本业务介绍: 给用户提供外卖服务的2 技术栈: vue2 + vuex + vue-router + webpack + ES6/7 + axios+ sass + flex + svg定位功能选择城市搜索地址。原创 2023-05-06 06:42:23 · 310 阅读 · 0 评论 -
十、React-前端面试基础
当它们被删除后,将会只保留三个添加了UNSAVE_前缀的函数版本,作为向下兼容用途。因此我们在新项目中,要尽量避免使用这几个生命周期而使用最新的生命周期函数。⽬前 React 16.8+ 的⽣命周期分为三个阶段:挂载阶段、更新阶段、卸载阶段。:组件的构造函数,它会最先被执⾏,我们通常在构造函数⾥初始化state状态对象、或给⾃定义⽅法绑定:这是个静态⽅法,当我们接收到新的属性后想要去修改state时可以使用render。原创 2023-05-08 00:47:49 · 87 阅读 · 0 评论