草庐IT

前端面试

全部标签

微前端:quankun

零:前言微前端可以将大应用拆分功能独立的微应用,可独立开发部署,每个微应用可以采用自己的技术栈,这样更好维护和拓展。微前端也会存在跨域权限控制数据共享性能(页面加载时间)安全多团队协作(一个团队负责一个页面或模块)组件重用。要采用适合的方案一:创建项目主项目yarncreatevitemain-app--templatereact-tsmicro-react01项目npxcreate-react-appmicro-react01--templatetypescriptmicro-vue01项目yarncreatevitemicro-vue01--templatevue-ts二:主项目操作npm

react ts openapi react-query docker前端架构小记

1.引言开发中,我们是否经常遇到以下痛点:项目越大,启动和热更新越来越慢,启动都要花个3-5分钟以上没有类型,接口返回的Object不拿到真实数据都不知道有哪些字段需要手动写很多request函数去调用api,手动书写各种判断枚举值缺乏代码格式化,代码错误检查,gitcommit规范难以维护的css代码和文件,js里面书写编写css时没有提示,js里面无法使用css高级用法数据流要么太死板,对ts支持很差(dva),要么太灵活(mobx)重度依赖redux,需要写很多模板文件npm包管理问题,比如:多版本的npm包冲突、npm包依赖嵌套、npm僵尸包、npm依赖包平铺到nodule_modul

华为OD技术面试-最短距离矩阵(动态规划、广度优先)

背景记录2023-10-21晚华为OD三面的手撕代码题,当时没做出来,给面试官说了我的想法,评价:解法复杂了,只是简单的动态规范或广度优先算法,事后找资料记录实现方式。题目腐烂的橘子问题描述:在给定的网格中,每个单元格可以有以下三个值之一:值0代表空单元格;值1代表新鲜橘子;值2代表腐烂的橘子。【每分钟,任何与腐烂的橘子(在4个正方向上)相邻的新鲜橘子都会腐烂。】返回直到单元格中没有新鲜橘子为止所必须经过的最小分钟数。【如果不可能,返回-1。】示例1:输入:[[2,1,1],[1,1,0],[0,1,1]]输出:4示例2:输入:[[2,1,1],[0,1,1],[1,0,1]]输出:-1解释:

微信小程序前端加解密逆向分析

微信小程序前端加解密逆向分析背景介绍分析过程1.获取wxapkg2.反编译wxapkg3.安装微信开发者工具4.加密代码定位5.验证分析结果利用过程1.生成加密JS代码2.BurpCrypto插件3.调用加解密背景介绍某小程序渗透测试项目,测试时发现请求包内容进行了加密分析过程1.获取wxapkg小程序文件目录:使用网易Mumu模拟器,开启root权限,安装手机微信并访问指定小程序,然后打开RE文件管理器,在data/data/com.tencent.mm/MicroMsg会生成一个md5加密命名的文件夹,在该文件夹下的appbrand/pkg目录下找到.wxapkg后缀结尾的文件,其中只有几

比起面试失败,更让人失望的是凑人数

坐地铁2小时,面试却不到10分钟,最后给我的答复是,回去等1-2天,如果面试通过了会给你打电话叫你过来复试,还真是让我有些意想不到。我问道,也是在这里复试吗面试官:是的我想问一下刚刚那个女孩,为什么可以现在就进行复试了,而我需要等1-2天?因为她有营养师证,而你没有,所以需要商量一下。我:好的,谢谢。我听出她的言外之意,需要持证上岗,所以我第一轮面试就被刷下来了。回去后,总觉得哪里不对劲,我在认真查看了招聘简历,清楚的写着具备营养师证书或者健康管理师证书就行,我有健康管理师证书,营养师也在备考当中。而BOSS上的人事也说可以,我才会信心满满的去面试,结果去了之后指定需要营养师证书。我再次问人事

ADC前端电路的五个设计步骤

现代通信系统和测试设备常常需要尽快地将模拟信号数字化,以便在数字域中完成信号处理。但是,为模数转换器(ADC)设计变压器前端电路很有挑战性,特别是在高中频(IF)的系统中。本文总结了5个设计步骤,以帮助开发出的ADC前端。这5个步骤包括:1.了解系统和设计要求;2.确定ADC的输入阻抗;3.确定ADC的基本性能;4.选择变压器及与负载匹配的无源元件;5.对设计进行基准测试。这种设计方法简单、快捷,可以在任何应用中获得理想的性能。  个步骤听起很简单,但很重要,因为仅需知道特殊应用的要求就能减少迭代次数,并一开始就可以选择合适的元件,快速实现想要的性能。应该列出包括每个设计要求的清单,并设定想要

SQL面试必备:100道高频考题解析

前言在众多IT职场中,SQL技术一直是一个非常重要的技能点。如果你正在准备SQL相关的面试,那么这份“SQL面试100问”绝对是你不能错过的宝藏!这份清单涵盖了100道高频考题,从基础知识到复杂应用都有所涉及,帮助你全面掌握SQL面试必备技能,轻松应对各种挑战。同时,每个问题还有详尽的解析和答案,让你更好地理解SQL核心概念和编程思路。没有什么比自信满满地走进面试室更能给你加分了,快来查漏补缺,提升自己的SQL实力吧! 本文介绍并分析了100道常见SQL面试题,主要分为三个模块:SQL初级查询、SQL高级查询以及数据库设计与开发。本文主要使用三个示例表:员工表(employee)、部门表(de

前端:html实现页面切换、顶部标签栏(可删、可切换,点击左侧超链接出现标签栏)

一、在一个页面(不跨页面)效果:代码 /*设置标签页外层容器样式*/.tab-container{width:100%;background-color:#f1f1f1;overflow:hidden;}/*设置标签页选项卡的样式*/.tab{float:left;padding:8px16px;background-color:#ccc;cursor:pointer;}/*设置选中的标签页样式*/.active{background-color:#aaa;}/*设置标签页内容的样式*/.tab-content{display:none;padding:16px;background-colo

常见网工面试技巧!什么样的回答会扣分?干货满满,建议收藏

大家好,我是百哥,曾任【上市公司IT部门技术顾问和面试官】,今天聊下常见网工面试技术问题,什么样的回答会扣分?一.简要回答一下故障排除的过程?在这个问题中,面试官想要看到的是你对于解决问题的一个整体逻辑,他们希望看到的是一个循序渐进的过程。比如某栋楼的网络中断,怎么解决。网络中断的可能性至少有100种,面试官并不关心具体什么原因导致断网,更关心排查的思路。所以如果单纯的罗列可能性,并不能给面试官留下特别好的印象。 二.介绍下掌握的最好的技术点面试官会通过一个技术点,来判断求职者的学习能力。面试官希望尽快招到合适的员工,所以希望在面试的时候看到求职者的优点,所以经常情况下,即使求职者一个问题没答

浅谈前端自定义VectorGrid矢量瓦片样式

目录前言一、VectorGrid相关API介绍1、VectorGrid2、LayerStyles样式详解二、样式自动配置1、页面定义2、地图及PBF瓦片引入3、矢量瓦片样式定义 4、鼠标事件交互三、最终效果1、自定义样式展示2、鼠标交互  总结前言        在上一篇博客中,详细讲述了在LeafLet.js中集成VectorGrid插件进行矢量瓦片渲染的案例,原文连接基于VectorGrid加载GeoServer发布的矢量瓦片实例,感兴趣的朋友可以直接点击链接进行查阅之前的博文。在上面的博文中,针对GeoServer发布的矢量瓦片,其内网样式和交互效果是固定的。        试想如果遇到