草庐IT

前端面试

全部标签

【前端】深入了解React JSX语法及实例应用

 人不走空                                          🌈个人主页:人不走空      💖系列专栏:算法专题⏰诗词歌赋:斯是陋室,惟吾德馨  React是一种流行的JavaScript库,用于构建用户界面。其中,JSX(JavaScriptXML)是React中定义UI组件结构的一种语法。在本篇博客中,我们将深入介绍ReactJSX语法,并提供一些实例应用以帮助你更好地理解。JSX语法简介JSX是一种类似XML的语法扩展,它被设计用来描述React元素的结构。以下是一些JSX语法的基本要点:  HTML语言直接写在JavaScript语言之中,不加任何引号

面试算法105:最大的岛屿

题目海洋岛屿地图可以用由0、1组成的二维数组表示,水平或竖直方向相连的一组1表示一个岛屿,请计算最大的岛屿的面积(即岛屿中1的数目)。例如,在下图中有4个岛屿,其中最大的岛屿的面积为5。分析将岛屿转换成图之后,岛屿的面积就变成子图中节点的数目。如果能计算出每个连通子图中节点的数目,就能知道最大的岛屿的面积。可以逐一扫描矩阵中的每个格子,如果遇到一个值为1的格子并且它不在之前已知的岛屿上,那么就到达了一个新的岛屿,于是搜索这个岛屿并计算它的面积。在比较所有岛屿的面积之后就可以知道最大的岛屿的面积。二维数组dirs表示在矩阵中向上、下、左、右这4个方向前进一步时坐标的变化。在矩阵中向上移动一步时行

提升前端效率:掌握防抖与节流

目录概念代码实现区别应用场景概念当涉及到处理高频事件时,防抖(Debounce)和节流(Throttle)成为关键的工具。它们的作用是优化函数的执行频率,特别是在处理浏览器事件(如resize、scroll、keypress、mousemove等)时,有助于减少不必要的函数执行,提高前端性能和用户体验。节流(Throttle)像是给事件加上了时间间隔。就像大厦底下的电梯,定时运行以确保在每个时间段内只执行一次。比如,在规定的时间间隔内(比如15秒),无论有多少人进入电梯,都只会在规定时间到达时运行一次。防抖(Debounce)则更像是“重置”计时器。当第一个人进入电梯后,等待一段时间(比如15

消息中间件之八股面试回答篇:一、问题概览+MQ的应用场景+RabbitMQ如何保证消息不丢失(生产者确认机制、持久化、消费者确认机制)+回答模板

问题概览目前主流的消息队列技术(MQ技术)分为RabbitMQ和Kafka,其中深蓝色为只要是MQ,一般都会问到的问题。浅蓝色是针对RabbitMQ的特性的问题。蓝紫色为针对Kafka的特性的问题。MQ的应用场景MQ主要提供的功能为:异步解耦削峰。展开来讲就是异步发送(验证码、短信、邮件…)MYSQL和Redis/ES之间的数据同步分布式事务削峰填谷RabbitMQ如何保证消息不丢失RabbitMQ的工作流程应该如下,其中每个环节都可能导致消息丢失。publisher叫做发布者,也可叫做生产者。consumer叫做消费者。生产者确认机制(解决消息未到达交换机或队列的问题)生产者确认机制是用来确

14:00面试,14:06就出来了,问的问题有点变态。。。

 从小厂出来,没想到在另一家公司又寄了。到这家公司开始上班,加班是每天必不可少的,看在钱给的比较多的份上,就不太计较了。没想到8月一纸通知,所有人不准加班,加班费不仅没有了,薪资还要降40%,这下搞的饭都吃不起了。还在有个朋友内推我去了一家互联网公司,兴冲冲见面试官,没想到一道题把我给问死了:如果模块请求http改为了https,测试方案应该如何制定,修改感觉好简单的题,硬是没有答出来,早知道好好看看一大佬软件测试面试宝典了。通过大数据总结发现,其实软件测试岗的面试都是差不多的。常问的有下面这几块知识点:全网首发-涵盖16个技术栈第一部分,测试理论(测试基础+需求分析+测试模型+测试计划+测试

14:00面试,14:06就出来了,问的问题有点变态。。。

从小厂出来,没想到在另一家公司又寄了。到这家公司开始上班,加班是每天必不可少的,看在钱给的比较多的份上,就不太计较了。没想到10月一纸通知,所有人不准加班,加班费不仅没有了,薪资还要降40%,这下搞的饭都吃不起了。还在有个朋友内推我去了一家互联网公司,兴冲冲见面试官,没想到一道题把我给问死了:如果模块请求http改为了https,测试方案应该如何制定,修改?感觉好简单的题,硬是没有答出来,早知道好好看看一大佬软件测试面试宝典了。通过大数据总结发现,其实软件测试岗的面试都是差不多的。常问的有下面这几块知识点:全网首发-涵盖16个技术栈第一部分,测试理论(测试基础+需求分析+测试模型+测试计划+测

面试官:RabbitMQ如何实现延迟队列?

延迟队列是指当消息被发送以后,并不是立即执行,而是等待特定的时间后,消费者才会执行该消息。延迟队列的使用场景有以下几种:未按时支付的订单,30分钟过期之后取消订单。给活跃度比较低的用户间隔N天之后推送消息,提高活跃度。新注册会员的用户,等待几分钟之后发送欢迎邮件等。一、如何实现延迟队列?延迟队列有以下两种实现方式:通过消息过期后进入死信交换器,再由交换器转发到延迟消费队列,实现延迟功能;使用官方提供的延迟插件实现延迟功能。早期,大部分公司都会采用第一种方式,而随着RabbitMQ3.5.7(2015年底发布)的延迟插件的发布,因为其使用更简单、更方便,所以它现在才是大家普通会采用的,实现延迟队

FPGA面试笔记da-dz

daDDR3D:\.lnk\ChineseTechnology\ChineseMedicine\相关文档\MT41K256M16-DDR3SDRAM\MT41K256M16.pdf-------------------------------------------------------------------D:\.lnk\ChineseTechnology\ChineseMedicine\相关文档\MT41K256M16-DDR3SDRAM\ug586_7Series_MIS.pdf我接触到的DDR3SDRAM的厂商是Micro(美光)旗下的MT41K256M16(TW-107)Para

前端绘制流程图、泳道图

技术栈使用logicFlow插件绘制。原生HTML页面也可以,vue或react前端框架也可以,官网有详细安装方法,本文章后面也会详细说明。官网链接:logicFlow官网地址需求前端绘制泳道图结合流程图,达到如下效果当然如果仅仅只是长成这样,想必大家用canvas或者svg画图都能解决一大半。还需要页面能够识别节点所在的泳道,可能节点拖拽拉长后会跨多个泳道,要能知道每个节点移动后从属于哪些泳道(即节点权限问题)。安装LogicFlow直接用script引入在原生html中直接通过script标签引入!--LogicFlowcore包css-->linkrel="stylesheet"href

关于BootStrap的前端简易样式和简单分页的实现

一.前端--左侧导航栏,右侧内容理想如下:1.左右侧的框架搭建 以学生登录系统为例,下方代码能够搭建基本的左侧导航栏,右侧内容的框架 导航栏中每一行用超链接表示,a指向对应的controller层方法,target="iframe_a"指向右侧内容,最终实现在iframe_a容器中显示conroller层调用的方法显示的界面首页$(function(){alert("登陆成功!");});.father_box{margin-top:50px;position:relative;width:100%;height:800px;}.content_one{overflow:hidden;padd