前端共256篇

面试题:CSS 中 transition 和 animation 的区别

transition(过渡)和 animation(动画)是 CSS3 中实现动态效果的两大核心机制。虽然它们都能让元素“动”起来,但在使用方式、控制能力和适用场景上有显著区别。 一、核心概念对比 特性transi...
程序百科的头像-程序百科程序百科2个月前
467

面试题:JavaScript 脚本异步加载如何实现?各有什么区别?

在现代 Web 开发中,异步加载 JavaScript 脚本对于优化页面性能、避免阻塞页面渲染至关重要。以下是几种主要的实现方式及其区别: 1. <script> 标签的 async 属性 语法: <script src=...
程序百科的头像-程序百科程序百科2个月前
488

面试题:ES6 的 Proxy 可以实现什么功能?

ES6 引入的 Proxy 是一个非常强大的元编程(Metaprogramming)特性。它允许你创建一个代理对象,用于拦截并自定义对另一个对象(目标对象)的基本操作(如属性读取、赋值、枚举、函数调用等)。...
程序百科的头像-程序百科程序百科2个月前
506

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

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

面试题:如何定义 Vue 的动态路由?如何获取传过来的动态参数?

这是一个关于 Vue Router 的核心知识点。以下是详细的解答: 如何定义 Vue 的动态路由? 在 Vue Router 中,动态路由(Dynamic Routing)是指路由路径中包含可变部分(通常是 ID 或其他标识符)...
程序百科的头像-程序百科程序百科1个月前
398

面试题:React 是否必须使用 JSX?为什么?

不,React 并不强制要求使用 JSX。 JSX 是一个语法扩展,它允许你在 JavaScript 代码中编写类似 HTML 的标记。虽然在现代 React 开发中 JSX 几乎是标配,但从技术上讲,你完全可以不用它。 1. ...
程序百科的头像-程序百科程序百科18天前
458

面试题:CSS 中 flex: 1 是什么意思?

在 CSS 中,flex 属性是用于 Flexbox 布局模型中的一个简写属性,它能够定义 flex 项目的扩展能力、收缩能力和基础大小。 flex: 1 这种写法实际上是一个简写形式,默认情况下它是 flex: 1 1 0 ...
程序百科的头像-程序百科程序百科2个月前
517

面试题:说说 px、em、rem 的区别及使用场景

面试题:说说 px、em、rem 的区别及使用场景 px、em、rem 是 CSS 中常用的长度单位,它们在参考基准、继承行为和响应式能力上有显著区别。理解它们的差异对于构建可维护、可访问、响应式的网页...
程序百科的头像-程序百科程序百科2个月前
558

面试题:如何判断网页元素是否到达可视区域?

这是一个非常实用的前端面试题,常用于实现懒加载、无限滚动、埋点曝光等场景。判断元素是否进入可视区域有多种方法,从简单到高级逐步演进。 ✅ 方法一:使用 getBoundingClientRect()(兼容性...
程序百科的头像-程序百科程序百科2个月前
3310

面试题:什么是 JavaScript 中的包装类型?

在 JavaScript 中,包装类型(Wrapper Types) 是一种特殊的对象类型,它为原始数据类型(Primitive Types)提供了方法和属性,使得我们能够像操作对象一样操作原始值。 1. 为什么需要包装类型...
程序百科的头像-程序百科程序百科2个月前
6011