前端面试
文章平均质量分 84
zbsnzj
这个作者很懒,什么都没留下…
展开
-
前端面试题-css专区
硬件加速就是将浏览器的渲染过程交给GPU处理,而不是使用自带的比较慢的渲染器。这样就可以使得animation与transition更加顺畅。我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而提升性能。现在大多数电脑的显卡都支持硬件加速。鉴于此,我们可以发挥GPU的力量,从而使我们的网站或应用表现的更为流畅。BFC:block formatting context,块级格式化上下文。原创 2023-09-06 15:05:57 · 73 阅读 · 0 评论 -
前端面试题-vue专区
Vue 3 通过更好的 Tree Shaking 和更高效的运行时代码生成,相较于 Vue 2,打包体积更小。总体而言,Vue 3 在性能、包体积和开发者体验方面带来了显著的改进,同时引入了 Composition API 作为管理组件状态和逻辑的更强大工具。:Vue 3 默认提供了更好的 TypeScript 支持,具有增强的类型推断和与 TypeScript 工具更好的集成。事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,而能有更多的精力专注于程序的逻辑处理。使用修饰符时,顺序很重要;原创 2023-09-01 22:20:01 · 77 阅读 · 0 评论 -
前端面试八股文-杂谈
虚拟DOM(Virtual DOM)是指一个虚拟的、内存中的DOM节点树,它是通过JavaScript对象来模拟真实的DOM结构,而不是直接操作真实的DOM。虚拟DOM通常会在每次页面渲染时被创建,通过对虚拟DOM的修改来实现对页面的更新。原创 2023-08-28 16:05:15 · 115 阅读 · 0 评论 -
JavaScript前端面试手撕题
牛客JavaScript前端面试手撕题原创 2023-08-23 18:03:14 · 186 阅读 · 0 评论 -
前端专业面试真题(2)
不要选择table布局。如果绑定数组的索引index,则起不到优化diff算法的作用,因为一旦数组内元素进行增删,后续节点的绑定的key也会发生变化,导致diff进行多余的更新操作。vue中更新dom是异步操作,在修改完数据后,视图不会立刻更新,而是当同一事件循环中的所有数据变化完成之后,再进行统一的更新,所以有的时候在修改完数据后想要获取更新后的dom,则需要在nextTick中获取,nextTick的作用就是在当前渲染完成后执行,,解决了异步获取不到更新后dom问题,本质是反回promise。原创 2023-08-05 22:07:30 · 51 阅读 · 0 评论 -
前端专业面试真题(1)
拦截器原理:创建一个chn数组,数组中保存了拦截器相应方法以及dispatchRequest(dispatchRequest这个函数调用才会真正的开始下发请求),把请求拦截器的方法放到chn数组中dispatchRequest的前面,把响应拦截器的方法放到chn数组中dispatchRequest的后面,把请求拦截器和相应拦截器forEach将它们分unshift,push到chn数组中,为了保证它们的执行顺序,需要使用promise,以出队列的方式对chn数组中的方法挨个执行。不能返回直接对象字面量。原创 2023-08-03 19:52:21 · 48 阅读 · 0 评论 -
京东2022前端开发面试题2
在这个例子中,我们在父组件中定义了一个名为"greeting"和"sayHello"的数据和方法,然后使用provide选项将它们注入到子组件中。使用console.log()输出信息:console.log()是最常用的调试方式之一,可以帮助我们在控制台输出一些变量的值、函数的执行结果等信息,以便于我们查看程序运行的情况。不要使用innerHTML等可执行脚本的函数:使用innerHTML、eval等可执行脚本的函数会使得代码的可读性和可维护性增加,但也会增加代码的漏洞性,应该避免使用。原创 2023-08-02 22:46:27 · 102 阅读 · 1 评论 -
腾讯2022前端开发面试题2
TypeScript相比于JavaScript的优势主要在以下几个方面:类型系统:TypeScript引入了静态类型检查,可以在开发时检测类型错误,减少代码运行时的错误。静态类型检查可以提高代码可读性和可维护性,还可以帮助IDE在代码编写时提供更好的自动补全和类型提示。ES6+支持:TypeScript支持最新的ECMAScript规范,并在其基础上增加了一些新的特性,比如可选参数、默认参数、解构赋值、箭头函数等,提高了开发效率和代码质量。原创 2023-08-01 17:11:28 · 58 阅读 · 1 评论 -
腾讯2022前端开发面试题
首先,一个组件库是一个可重用的代码库,其中包含了多个组件,这些组件可以在多个应用程序中使用。构建一个高质量的组件库需要以下步骤:确定组件的范围: 在开始构建组件库之前,您需要确定组件库所需的组件范围。您需要考虑到您的组件库将服务于哪些应用程序、所需的组件种类和组件的不同变体。设计组件: 设计应该是在实现组件之前的一个关键步骤。为了确保所有的组件都具有一致的外观和行为,您需要进行UI设计和用户体验设计。这样可以帮助您在整个组件库中保持一致性和可维护性。原创 2023-07-31 16:10:28 · 55 阅读 · 1 评论 -
京东2022前端开发面试题
具体来说,当某个元素的key值发生变化时,Vue会认为它是一个全新的元素,而不是一个需要更新的元素,从而删除旧的元素,创建新的元素,并添加到DOM中。当我们在父组件中使用子组件时,可以在子组件内部使用默认插槽,将父组件中的内容插入到子组件中的特定位置。例如,可以通过修改组件实例中的data对象中的某个属性来更新数据状态。另外,在使用Vue的过程中,key还可以用于在同一个组件中切换不同的数据源,例如在使用v-for指令循环渲染列表时,可以使用key来确保每个子组件的唯一性,从而避免出现数据混乱的问题。原创 2023-07-30 22:28:27 · 220 阅读 · 0 评论 -
小红书2022前端开发面试题
箭头函数不能作为构造函数的原因是因为箭头函数没有自己的this值,而是从定义时的词法环境中继承this值,也就是说,箭头函数中的this值是在定义时确定的,不能通过new关键字来改变this的指向。在实现过程中,可以通过在前端计算文件哈希值或MD5值的方式,避免上传重复的文件,减少服务器的压力,提高文件上传的效率。then():指定 Promise 成功(resolve)和失败(reject)时的回调函数,接受两个参数,一个是成功时的回调函数,一个是失败时的回调函数。原创 2023-07-29 22:12:38 · 55 阅读 · 0 评论 -
小红书2022前端开发面试题2
如果要避免原始对象被改变,可以在回调函数内部创建一个新的对象来存储新的属性值,而不是直接修改原始对象的属性。基于角色的访问控制:这是一种常用的方法,其中每个用户被分配到一个或多个角色,每个角色有一组允许访问的权限。使用slot插槽分发内容:插槽是Vue中一种非常有用的功能,它可以允许组件的使用者插入内容到组件中。通过使用插槽,可以增加组件的灵活性,允许组件的使用者在不同的情况下自由地定制组件的外观和行为。通过使用动态组件,可以允许组件的使用者在运行时根据不同的条件选择不同的组件。原创 2023-07-27 13:28:06 · 152 阅读 · 1 评论 -
阿里云2022前端开发面试题
我们的项目使用了许多优秀的前端技术,如HTML,CSS和JavaScript,以及一些流行的前端框架和库,如React和Bootstrap。我们建立了一个Web应用程序,用户可以使用关键字搜索电影和电视节目,并查看有关它们的详细信息,如演员,导演,上映日期和评级等信息。在我的实践中,我也积累了一些正则表达式的应用经验,并且不断学习新的技巧,以提高我的编程能力。总的来说,V8的垃圾回收机制通过采用分代垃圾回收策略,提高了内存回收的效率,减少了内存碎片的产生,从而提高了JavaScript应用的性能和稳定性。原创 2023-07-26 11:28:02 · 92 阅读 · 1 评论