草庐IT

前端面试

全部标签

前端大屏数据实时更新

1.方案一:在页面中使用 setInterval 每隔几秒去获取一下数据。伪代码如下:created(){this.getLatestData()},destroyed(){clearInterval(this.timerId)}methods:{getLatestData(){this.timerId=setInterval(async()=>{constres=awaitgetLatestDataApi()const{data}=resthis.list=data},1000*5)}}一般不建议这样使用,因为会给页面造成性能问题。2.方案二:使用 websocket如果使用websocke

从2023看2024前端发展趋势

前言流光溯影,纵观2023全年,整个前端业界呈现出百业凋零之状,更不乏有“前端已死”等论调甚嚣尘上。从全局视角看IT行业,除了AI领域的大语言模型爆发外,整体都鲜有特别亮眼及突出的技术展现。故而,作为IT领域中细分方向的前端行业,加之整体经济周期的影响,今年的这种形势也算因之有素。然则,行有不得则需反求诸己,私以为各位前端同学应该以“守正”之心念搏“出新”之机遇。因此,以下个人将分享一些各位前端同学应该调整的策略以及未来一年中一些可能出现的机会与趋势。守正“持中守正,方可行稳致远”,作为前端工程师,个人认为在当下情势下需舍弃虚妄无用的奇技淫巧,而着力提升底层内核。何谓“奇技淫巧”?私以为前端中

金融行业软件测试现状及未来发展(含面试真题及答案)

目录1、金融行业软件测试的重要性2、金融行业软件测试的方法3、金融行业软件测试的挑战4、金融行业软件测试的未来发展5、如何应对可能出现的面试问题6、结论1、金融行业软件测试的重要性在当今数字化时代,金融行业的各种业务越来越依赖于软件系统。因此,金融行业软件测试是确保金融应用程序质量和功能的重要过程,以确保它们满足用户需求、符合监管要求和安全标准。缺乏充分的测试可能导致严重的后果,比如数据泄露、交易失败或客户信息被盗。2、金融行业软件测试的方法金融行业软件测试通常分为以下几个阶段:2.1需求分析在这一阶段,测试团队需要仔细分析并理解业务需求,并将其转化为测试用例。测试用例应涵盖所有业务场景,并包

[HTML]Web前端开发技术17(HTML5、CSS3、JavaScript )textarea,checkbox,button,fieldset,option,radio——喵喵画网页

希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言表单表单概述表单信息输入单行文本输入框、密码框文本框关于在不同浏览器中 显示宽度不同的解决问题关于IE浏览器中默认文本框和密码框显示长度不一的问题复选框、单选按钮提交按钮、重置按钮和普通按钮图像提交按钮按钮组合案例文件选择框及隐藏框多行文本输入框下拉列表框列表标签前言理解Web网页中表单的概念与作用。掌握表单结构语法及属性语法。掌握表单元素标记语法及属性语法。掌握域和域标题标记语法。学会综合运用表单及表单元素设计Web网页。表单表单概述表单是较为

前端开发新趋势:Web3 与虚拟现实的技术融合

在当今互联网技术日新月异的时代,Web技术也在不断地发展和变革。从前端开发的角度来看,新技术的涌现和旧技术的迭代让前端开发者们面临着前所未有的挑战和机遇。Web3 与虚拟现实(VR)的技术融合,正是当前前端开发领域的一大新兴趋势,它正在深刻地改变着互联网应用的开发方式和用户体验。在这篇文章中,我们将深入探讨这一趋势,分析其对互联网应用和用户体验的影响,并分享一些实际应用案例和相关资源,以帮助大家更好地理解和掌握这一技术融合的前沿动态。Web3是指构建在区块链技术基础上的下一代Web。它的核心特点是去中心化、透明性和用户数据的掌握权。虚拟现实(VirtualReality,VR)技术则提供了与现

【前端】element级联选择器中el-cascader通过props自定义设置value、label、children

先看能够实现的效果: 我们通常会使用Element级联选择器,直接复制代码进行使用,但是一般都是调用后端接口返回数据进行显示,需要对后端数据进行一系列循环遍历处理,把值改成value、label、children,但是实际不必如果。通过props属性轻松配置,话不多说,直接上代码:[{children:[{children:[{value:"360101",label:"市辖区"},{value:"360102",label:"东湖区"},{value:"360103",label:"西湖区"},{value:"360104",label:"青云谱区"},{value:"360105",lab

消灭前端闪烁魔鬼:Vue中的防抖术

消灭前端闪烁魔鬼:Vue中的防抖术前言什么是防抖动防抖的基本原理:防抖的应用场景:a.输入框输入事件:b.窗口大小调整事件:c.按钮点击事件:d.页面滚动事件:为什么需要让函数“冷静”一下?vue防抖动原理如何在vue中防止抖动防抖动的应用场景1.输入框搜索:2.窗口大小调整事件:3.按钮点击事件:4.滚动事件:5.用户输入验证:防抖动vs节流防抖动(Debouncing):实现示例节流(Throttling):区别对比:如何选择:最佳实践和注意事项前言在前端的世界里,用户操作如同一场狂风骤雨,而我们的页面则要顶住这些波澜汹涌的输入。有时候,我们希望页面在用户输入停止后再作出响应,以避免频繁触

重学JavaScript高级(十二):async/await-事件循环-面试高频

async/await-事件循环前面我们学习了生成器和迭代器,那么在本篇文章中,我们主要讲解生成器与Promise的结合使用,从而引出async/await语法,同时会涉及面试中频次最高的一个知识点:事件循环生成器与异步处理首先需要了解回调地狱在Promise出来之前,我们多次请求网络接口,有可能产生回调地狱//伪代码functionrequest(url){//请求的逻辑代码//返回一个结果returnres;}//这样一层嵌套着一层,就是回调地狱request("第一次").then((res1)=>{request("第二次"+res1).then((res2)=>{request("第

前端小记--2.element-ui中级联选择器cascader如何默认展开下拉框

最近做项目时,遇到一个需求:在一个排班表中,展示人员的值班情况,点击单元格,弹出下拉框,修改人员排班信息。由于下拉框选择内容是树状结构,这里使用了element-ui中级联组件cascader,设置单选模式即可。但是在官方的文档中没找到默认展开下拉框的api,折腾了一番,只能去看下源码了。在cascader组件源码中发现有个toggleDropDownVisible,调用这个api接口实现下拉框展示与隐藏。...toggleDropDownVisible(visible){if(this.isDisabled)return;const{dropDownVisible}=this;const{i

【软件测试】一个真正的测试面试过程,我比面试官还狡猾......

目录:导读前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结(尾部小惊喜)前言先卖个关子,如果你是面试官,你希望招一个什么样的人进来?如果这个问题搞明白了,那么可以说测试岗位的面试,就变得非常轻松了。按照一般的惯例,面试官都会让你自我介绍,介绍你的项目经验,询问你的技术能力,这些都是常规的问题。我不去说什么固定的范本什么的,我就以我以前面试别人的情景为例,具体说一下面试官的狡猾之处,他们会在什么地方给你设坑,你又该如何应对一个棘手的提问等等。一