前端共256篇

面试题:display:none 与 visibility:hidden 的区别

display: none 和 visibility: hidden 都可以隐藏 HTML 元素,但它们在行为、对布局的影响以及性能上有着本质的区别。理解这些差异对于精确控制页面显示和布局至关重要。 一、核心区别对比 特性...
程序百科的头像-程序百科程序百科2个月前
2613

面试题:Vue 使用 v-for 遍历对象时,是按什么顺序遍历的?如何保证遍历顺序?

在 Vue 中使用 v-for 遍历对象时,其遍历顺序取决于 JavaScript 引擎对对象属性的枚举顺序,而这个顺序在 ES2015 (ES6) 之后是有明确规范的。 v-for 遍历对象的顺序 当你使用 v-for 遍历一个对...
程序百科的头像-程序百科程序百科1个月前
4713

面试题:在 Vue 组件中如何获取当前的路由信息?

在 Vue 项目中,如果使用了 Vue Router,可以通过以下几种方式在组件中获取当前的路由信息(如路径、参数、查询字符串等)。 一、在 Vue 2 + Vue Router 中获取路由信息 1. 通过 this.$route 对...
程序百科的头像-程序百科程序百科1个月前
5813

面试题:Vue 中有哪些表单修饰符和事件修饰符?

在 Vue.js 中,修饰符(Modifiers)是通过点(.)语法附加到指令(如 v-model 或 v-on)上的特殊后缀,用于以声明式的方式改变指令的行为。它们主要分为表单修饰符(用于 v-model)和事件修饰符...
程序百科的头像-程序百科程序百科1个月前
5013

面试题:在 Vue 的 v-for 循环中,key 有什么作用?

在 Vue 的 v-for 指令中,key 是一个非常重要的特殊属性,它的主要作用是为每个循环项提供一个唯一的“身份标识”(identity),帮助 Vue 的虚拟 DOM (Virtual DOM) 算法高效地追踪和复用元素,...
程序百科的头像-程序百科程序百科1个月前
3213

面试题:第一次加载 Vue 页面时会触发哪些生命周期钩子?

在第一次加载 Vue 页面时,会依次触发以下生命周期钩子(以 Vue 2 和 Vue 3 大体一致的流程为准): beforeCreate实例刚被创建,数据观测 (data observer) 和事件配置尚未开始,data、methods ...
程序百科的头像-程序百科程序百科1个月前
3413

面试题:浏览器是如何对 HTML5 的离线储存资源进行管理和加载的?

HTML5 的离线存储主要通过 Application Cache (AppCache) 和 Service Worker 两种技术实现。需要注意的是,Application Cache 已被现代浏览器废弃,因其存在诸多设计缺陷,而 Service Worker 是...
程序百科的头像-程序百科程序百科2个月前
5313

面试题:利用 CSS 隐藏元素的方法有哪些?

在 CSS 中,有多种方法可以隐藏元素,每种方法的行为、对布局的影响、性能和可访问性都不同。选择合适的方法取决于具体需求。 一、主要的隐藏方法 以下是常用的 CSS 隐藏元素的方式,按行为分类...
程序百科的头像-程序百科程序百科2个月前
2313

面试题:说说你对 JSON 的理解?

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它基于 JavaScript 的一个子集,但作为一种独立于语言的文本格式,被广泛用于系统间的数据传输和存储。 1. 基本语法与结构 JSO...
程序百科的头像-程序百科程序百科2个月前
3613

面试题:在 Vue 中使用 this 时应该注意哪些问题?

在 Vue 中使用 this 的注意事项 在 Vue 中使用 this 时需要注意以下几个关键问题: 1. this 的指向问题 箭头函数 vs 普通函数 export default { data() { return { message: 'Hello Vue' } }, m...
程序百科的头像-程序百科程序百科1个月前
4613