草庐IT

前端面试

全部标签

【持续更新】汇总了一份前端领域必看面试题

文章目录1.写在前面2.前端面试汇总2.0.1.如何提⾼webpack的打包速度2.0.2.数组去重2.0.3.前端有几种缓存方式?2.0.4.nextTick描述一下?2.0.5.Webpack层面的优化?2.0.6.代码层面的优化?2.0.7.Web技术的优化?2.0.8.diff算法的优化策略?2.0.9.事件循环?它在JS中作用?2.1.0.浏览器缓存及作用?2.1.1.WebWorkers作用?2.1.2.浏览器垃圾回收机制?2.1.3.虚拟DOM实现原理?3.CSS相关汇总3.0.1.CSS中的层叠顺序是如何工作的?3.0.2.CSS中的伪类和伪元素的区别?示例?3.0.3.v-i

诉诸 Vitest、Storybook 和 Playwright 进行现代化前端测试

本文属于是语冰的直男翻译了属于是,仅供粉丝参考,英文原味版请临幸ModernfrontendtestingwithVitest,Storybook,andPlaywright。向前端工程师提及“测试”,您可能会面临引发PTSD(创伤后应激障碍)的风险。就传统而言,这事倍功半。毕竟,您可以直接在屏幕上看到UI;为什么需要编写自动化测试来确认已经在浏览器观察到的内容?在本文中,我们将分享为什么我们认为前端测试值得一试,为什么它以往风评被害,以及我们采用的使我们的测试易于编写和维护的方案。我们为什么要测试前端?测试我们的UI有其他不太明显的复利。正如TDD(测试驱动开发)可以鼓励开发者预先考虑极端用

07. vue3+vite+qiankun搭建微应用前端框架,并接入vue3微应用

目录前言主应用微应用部署前言因为业务系统接入的需要,决定将一个vue3+vite+ts的主应用系统,改造成基于qiankun的微应用架构。此文记录了改造的过程及vue3微应用接入的种种问题。网上有很多关于微应用改造的案例,但很多都没写部署之后什么情况。写了部署的,没有实操部署在二级目录、三级目录是什么情况,甚至没有对部署之后的情况做测试、没有说明。这是在整个改造过程中最难的一点,也是最困扰我的一个问题。我们所改造的应用说明:主应用:vue3+vite+ts微应用1:vue2,qiankun官网API是基于vue2+webpack,我们对vue2也进行了接入,但是在本篇文章中不做说明。微应用2:

耗时14天,终于把牛客网软件测试面试八股文,整理成了文档资料.....

一、面试基础题简述测试流程:1、阅读相关技术文档(如产品PRD、UI设计、产品流程图等)。2、参加需求评审会议。3、根据最终确定的需求文档编写测试计划。4、编写测试用例(等价类划分法、边界值分析法等)。5、用例评审(主要参与人员:开发、测试、产品、测试leader)。6、开发提交代码至SVN或者GIT,配管搭建测试环境。7、执行测试用例,记录发现的问题。8、验证bug与回归测试。9、编写测试报告。10、产品上线。补充测试用例设计过程:根据需求得出测试需求设计测试方案,评审测试方案方案评审通过后,设计测试用例,再对测试用例进行评审什么是软件测试?软件测试的目的与原则使用人工或自动手段,来运行或测

飞码LowCode前端技术之画布的设计

简介本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。一、精准定位设计飞码画布是一个套件,可对外提供画布能力。精准定位有两种情况,一是目标组件无子组件,而是目标组件有子组件。无子组件:目标组件分为支持与不支持放子组件两种情况。有子组件:鼠标相对于子组件(目标组件)对角线位置。详见图1图1当目标组件不支持放子组件时,需要计算拖拽组件放在目标组件的左侧、上侧、右侧、还是下侧?其计算方法如图2图2通过鼠标位置,目标组件,组件对角线坐标位置可推导出图1右侧图拖拽组件与目标组件位置关系。问题:飞码为何不提供尺度(x、y),这样可以精准知道组件大小?实际使用过程中,搭建人员并不关心组件的

华为OD面试【前】经验分享,包含面试准备的各个细节

文章目录核心的华为OD机试了解华为OD职位和要求什么是华为OD以及OD岗位分类华为OD相关岗位都需要哪些技能和经验为什么要申请OD职位准备简历和面试材料简历的重点应该放在哪里?如何准备面试所需的材料?面试前需要了解哪些信息?核心的华为OD机试相信你在打开本文时,已经对华为OD进行了简单的了解,所以为你直接展示华为OD面试流程中最重要的一环,先刷题。⭐️华为OD机考Pythonhttps://blog.csdn.net/hihell/category_12199275.html⭐️华为OD机考C++https://blog.csdn.net/hihell/category_12199283.ht

前端401错误 & 解决方法:响应拦截器

目录1.该问题出现的原因2.处理401问题的解决方案原理3.使用响应拦截器解决问题1.该问题出现的原因在前后端分离项目中,最常见的是前端点击登录后,后端返回token字符串,这个token可以看作是一个“令牌”,就比如你去酒店办理入住后,拿到的房卡,那代表你有着进去房间的权限。1.登录用户的token过期 token是具有时效性的,生活中,如你登录腾讯视频,接下来几天你再登录就不用输入账号密码,而时间很长如半个月后,你还要重新输入账号密码登录,这个过程就是token过期。具体多久过期,一般是和后端商量着来,后台管理类项目如企业内部的项目为了安全性且并不会过多的考虑用户体验,一般设为很短或者干脆

面试官:抛开Spring来说,如何自己实现Spring AOP?

哈喽,大家好,我是了不起。作为一名Java程序员,面向切面编程这种编程思想,应该是我们日常编码中常应用的编程思想。这种编程范式,旨在提高代码的模块化程度。在AOP中,特定类型的问题被定义为“切面”,例如日志、事务管理或安全性等,这些切面可以在不改变核心业务逻辑的情况下,被插入程序的不同部分。对于提高代码的优雅,减少冗余度特别有用。虽然Spring框架中的SpringAOP是Java社区中最著名的AOP实现,但为了完全理解这种思想,我们可以不依赖Spring来实现AOP功能。1、AOP核心概念1.1切面(Aspects)切面是AOP的核心,它将横切关注点(如日志、事务处理等)与主业务逻辑分离。一

金三银四春招特供|高质量面试攻略

🔰全文字数:1万5千🕒阅读时长:20min📋关键词:求职规划、面试准备、面试技巧、谈薪职级👉公众号:大摩羯先生  本篇来聊聊一个老生常谈的话题————“面试”。利用近三周工作午休时间整理了这篇洋洋洒洒却饱含真诚的文章能够帮助到你❤️~背景  最近马上要启动春招,又恰逢金三银四的跳槽季,以嘉宾身份加入了朋友的知识星球,接触到了很多马上毕业的同学、工作时间不久的朋友们,非常多的人咨询我该如何面试,交流面试过程中的种种问题,结合下自己多年的工作跳槽、面试别人、被别人面试等经历汇总在这篇文章里分享,从面试前、面试中、面试后三部分来展开。面试前工作选择大公司和小公司  对于这个话题,凡事都有两面性,大公

不少人面试都挂在这道题了!你挂了吗?

能看到这篇文章一定是特殊的缘分,请务必珍惜,请详细看看吧,哈哈。图片不止上图,最近 Go就业训练营 中不少小伙伴说,面试中碰到了好几次让手撕协程池的公司。解题思路:定义协程池结构体:首先,我们需要定义一个协程池的结构体,包含协程池的属性和方法。结构体中需要包含一个任务队列、协程池的大小、当前运行的协程数量等属性。初始化协程池:在初始化函数中,我们需要创建一个指定大小的任务队列,并初始化协程池的属性。添加任务到协程池:当有任务需要执行时,我们将任务添加到任务队列中。启动协程池:在启动函数中,我们需要根据协程池的大小创建对应数量的协程,并从任务队列中获取任务进行执行。每个协程会不断从任务队列中获取