草庐IT

前端面试

全部标签

vol-vue框架Cascader 组件多级联动(前端部分)

vol框架官方链接:vol-vue(volcore.xyz);vol框架基于element组件库以及iview组件库进行封装的。vol框架中的Cascader是基于iview组件库中的iview封装的,详细看下方的官方文档。iview官方链接:级联选择器-ViewDesign(iviewui.com)需求:联动的时候有二级数据的时候一级数据不可以选中,但是可以选中一级后面的数据(二级三级甚至更后面的),但是一级下面没有二级数据的话,就可以选中一级的数据。在iview中的cascader组件中封装了一个方法,change-on-select这个方法的值为布尔类型的,为true的时候可以设置为不管

前端怎么实现聊天输入框?怎么实现类似b站评论的输入并发送自定义表情包?输入回显、发送时表情包转义为[emoji]字符串、页面展示回显

之前做项目实现聊天功能,有几个功能点我觉得挺复杂的。今天我来说一下,我是如何实现图片小表情在输入框中显示,发送给后端时只发送一个含义字符串如:[emoji],然后正常回显在页面上。此demo使用vue3实现效果图:输入自定义表情发送并回显声明:这只是个demo,不涉及与后端交互,不过会在该交互的地方标记,如需实际应用于项目,请根据实际情况进行改造完善!父组件定义及逻辑实现父组件dom定义如下,其中,输入框需要使用开启contenteditable的div,不能使用input或者textarea。chatMsgEl为子组件,用来回显我们发送的消息结果。divid="app">divclass="

Rust 的风,终究还是吹到了前端

前几天有一个叫做Rolldown的工具悄悄开源了,做前端开发的同学可能已经了解到了。我写这篇文章时是晚上,看到star数量是4.6k,而在这一天的上午我打开这个仓库的时候应该是3.7k。开源作者正是前端大佬,Vue创始人尤雨溪。要说这个工具有什么特点吗?那可能有这么几个特点:使用Rust语言编写;性能更好,当然也得益于第1点;主要开发者都是前端程序员,而且还有很多贡献者也是前端开发者。当然了,对于大佬们来说,语言只是实现功能的一个工具,用哪个都可以;Rolldown是什么Rolldown是一个用Rust编写的JavaScriptbundler,旨在未来作为Vite中的bundler使用。现在写

面试官:你知道缓存击穿、缓存穿透、缓存雪崩吗?

前言又到了一年一度的金三银四了,大家在面试的时候一定被问到过Redis缓存问题吧。可能有些初学者对“缓存击穿、缓存穿透、缓存雪崩”这几个名词感到陌生,或者了解过但是一时半会没办法理解。没关系,希望通过本文可以让你轻松理解这些概念并掌握其解决方案,然后在即将到来的金三银四面试中对你有所帮助。面试题剖析花里胡哨的名词刚开始我以为“缓存击穿、缓存穿透、缓存雪崩”说的是3个问题,在各个博客以及视频的讲解下越来越绕。最后我捋了一下,这TM不是一个问题吗。为了让大家也绕一绕,我把各博客对“缓存击穿、缓存穿透、缓存雪崩”的描述贴在这里:缓存击穿是指一个热点的Key在某个瞬间过期失效了,大量的并发请求在缓存获

LeetCode力扣 面试经典150题 详细题解 (1~5) 持续更新中

目录1.合并两个有序数组2.移动元素 3.删除有序数组中的重复项 4.删除排序数组中的重复项II5.多数元素暂时更新到这里,博主会持续更新的1.合并两个有序数组题目(难度:简单):给你两个按 非递减顺序 排列的整数数组 nums1 和 nums2,另有两个整数 m 和 n ,分别表示 nums1 和 nums2 中的元素数目。请你 合并 nums2 到 nums1 中,使合并后的数组同样按 非递减顺序 排列。注意:最终,合并后数组不应由函数返回,而是存储在数组 nums1 中。为了应对这种情况,nums1 的初始长度为 m+n,其中前 m 个元素表示应合并的元素,后 n 个元素为 0 ,应忽略

面试官:微服务通讯方式有哪些?

微服务的通讯方式主要有以下几种:RESTfulAPI:基于HTTP协议的RESTfulAPI是最常用的微服务通讯方式之一。服务之间通过HTTP请求和响应进行通讯,实现数据交换。这种方式简单、通用,适用于各种场景,但可能不适合对实时性要求非常高的场景。RPC(远程过程调用):RPC允许一个服务像调用本地方法一样调用另一个服务的方法。它通过将方法调用封装成网络数据包并在不同的进程之间传输,实现不同服务之间的互相调用。RPC方式可以提高调用的效率和性能,但可能需要更多的配置和管理工作。消息队列通讯:如RabbitMQ、Kafka、RocketMQ等,服务之间不直接调用,而是通过消息队列进行异步消息传

前端文件上传(文件上传,分片上传,断点续传)

普通文件上传思路:首先获取用户选择的文件对象,并将其添加到一个FormData对象中。然后,使用axios的post方法将FormData对象发送到服务器。在then和catch中,我们分别处理上传成功和失败的情况,并输出相应的信息。需要注意,在使用axios进行文件上传时,必须将数据格式设置为multipart/form-data,否则文件对象将无法正确传输。传统方式:functionhandleFileSelect(e){constformData=newFormData();formData.append("file",file);constheader={"Content-Type":

前端uniapp开源盲盒源码(H5+小程序+app)

  Z世代是当今最具影响力的消费群体,盲盒商城源码致力于满足他们的期望,提供与他们的个性一样独特的体验。这一代人对自己的爱好充满热情,并创建了以他们为基础的社区。因此未来,只有那些能够创造惊喜,吸引更多核心人群的品牌,才能蓬勃发展。盲盒机是盲盒商城源码满足消费者不断变化的需求,与当下年轻人建立联系的大胆新方式。为他们独特的兴趣量身定制令人兴奋的品牌体验。    盲盒源码安装系统要求    源码及演示:n.ymzan.top    盲盒源码安装的系统要求主要取决于源码的开发语言和相关框架的要求。通常来说,以下是一些常见的系统要求:    操作系统:常见的操作系统,如Windows、macOS、L

白话微机:8.解释FPGA以及一些考研面试问题

 一.前言(更新世界观)    在“微机世界”,普通的城市(单片机)里,人又有一个别的名字叫做“数据”,人有0有1;人们也有住房,这些住房在这个世界叫做“存储器”;地上有路,这些路叫做“数据总线”,交通系统则统称为总线;这里也有行政部门,比如公安局之类的,又有个名字叫“寄存器”;有中央政府,政府又叫做“中央处理器(CPU)”,这里也会发生的一些自然灾害(内部中断)和人为活动(外部中断),I/O接口是城市(单片机)的城门和检查站,串行接口是连接城市与乡村的小路。        随着科学技术的进步,诞生了一种现代化城市诞生:RTOS(实时多任务操作系统),它有一个高效的城市管理系统:一整套完善的任

一些面试总结123

目录1.经验总结2.HR面可能会问的问题1.经验总结**经验一:**1.**能内推尽量不走官网**。现在大厂的简历数量都非常吓人,可能几个算法岗位收到几百甚至上千的简历都不为过,那面试官怎么能从中捞出你的简历呢?一个有效的方法就是内推,内推意味着你能拿到正式员工的背书,有了这样的背书,相当于有了加分。内推还有一些好处,包括免笔试等(也有不免的,不绝对)。 2.**能投提前批尽量不等正式批**。HC(headcount)就那么多,提前批发的差不多了,正式批的hc就少了,道理就是这么个简单的道理。另外如果部门有10个hc的时候,你水平差不多,招你一个问题不大,反正还有9个。但是只剩1个hc的时候,