分类浏览

CSS 28

如何使用 CSS 创建一个具有 3D 效果的立方体?

使用 HTML 和 CSS 创建并展示一个具有 3D 效果的立方体,涉及透视、变换和动画。

中等 3D 动画 Transform
07-09
有没有使用过 CSS 变量?它解决了哪些问题?

CSS 变量用于管理样式,减少重复代码并提高可维护性。它允许定义自定义属性,并在多个位置重用这些值。

中等 变量 优化 样式管理
07-09
display:inline 的元素设置 margin 和 padding 会生效吗?

display:inline 元素的 margin 在水平方向上有效,而竖直方向上的 padding 和 margin 不起作用。

中等 布局 Inline Elements display
07-08

DOM操作 11

如何监听 input 元素的值变化?

解释了在 HTML 表单中如何实时监听 input 元素的值变化,并比较了 input 和 change 事件的区别。

简单 input event 事件
07-09
textContent、innerText 和 innerHTML 的区别是什么?

解释 JavaScript 中 textContent、innerText 和 innerHTML 的区别。

中等 JavaScript DOM 文本内容
07-08
如何在网站中添加复制时自动追加版权声明?

通过绑定 copy 事件和修改 clipboardData 来实现向用户复制内容时自动追加版权声明。

中等 事件处理 剪贴板 粘贴板
07-08

HTML 11

什么是 Open Graph 协议?用来做什么?

Open Graph 协议是一种开放标准协议,用于控制网页在社交媒体上的展示方式。主要通过 HTML meta 标签定义元数据。

中等 SEO 协议 社交媒体
07-09
HTML 元素的默认 display 属性是多少?

HTML 元素的默认 display 属性取决于其类型,分为 block、inline 和 list-item 等。

简单 CSS 布局
07-08
什么是 ARIA?它如何帮助提升网页的可访问性?

ARIA 通过添加语义信息增强 Web 应用的可访问性,使辅助技术能够更准确地解读页面内容。

中等 可访问性 ARIA
07-07

JavaScript 52

Array(100).map(x => 1) 的结果是什么?

Array(100).map(x => 1) 创建的是空数组,而不是包含 100 个 1 的数组。了解 map 方法如何处理空槽对理解 JavaScript 数组行为至关重要。

困难 数组 映射 map
07-09
JavaScript 中 forEach 和 map 的区别是什么?

比较 JavaScript 中的 forEach 和 map 方法在使用场景、返回值及对原数组的影响上的区别。

中等 数组遍历 Array 函数式编程
07-09
如何将一维数组转换为二维数组?

探讨了多种方法,包括使用 for 循环、reduce、while 循环和 Array.from,实现了一维数组到二维数组的转换。

简单 数组操作 数组 算法
07-09

Node.js 26

Node 如何进行进程间通信?

介绍 Node.js 中进程间通信的主要方式及其应用场景,包括使用 child_process 模块、标准流以及 cluster 模块的方法。

中等 IPC 进程间通信 进程
07-09
如何监听 Node.js 中异步资源的生命周期?

Node.js 提供 async_hooks 模块来监听和跟踪异步资源的生命周期。通过注册钩子函数,可以捕捉到异步操作的不同阶段,如初始化、执行前后及销毁事件。这有助于开发者进行性能分析和资源监控。

中等 async_hooks 生命周期 异步
07-09
Node.js 中 --max-old-space-size=4096 是什么意思?

问题:Node.js 中的 --max-old-space-size=4096 有什么作用?解答:这个选项用于设置 V8 引擎的旧生代内存上限,通常在处理大数据或复杂项目时避免内存溢出。

中等 内存管理 node 调试
07-08

React 23

你为什么选择使用 styled-components 而不是传统的 CSS 文件?

探讨 styled-components 的优缺点及其在 React 开发中的适用场景。

中等 CSS-in-JS 组件开发 styled-components
07-09
React 中 useCallback 的使用场景是什么?

React 中的 useCallback Hook 可用于缓存函数实例,防止不必要的重新渲染和计算。通过固定依赖项数组的大小和内容,确保函数在相同的输入下保持一致,从而提升应用的性能。

中等 Hooks 性能 性能优化
07-09
如何在 useEffect 中使用 async/await?

探讨如何在 React 的 useEffect 钩子内安全地使用 async/await 处理异步操作,包括 IIFE 和单独定义函数的方法。

中等 async/await useEffect Async/Await
07-09

TypeScript 17

TypeScript 在前端开发中的优势是什么?

讨论了 TypeScript 在前端开发中的主要优势,包括静态类型检查、增强的开发效率和工具支持。

简单 优势分析 编程语言 语言特性
07-08
如何在 Vue 中使用 TypeScript?

介绍如何将 TypeScript 集成到 Vue 项目中的步骤,包括工具安装、配置文件设置和组件编写方法。

中等 Vue Vue.js
07-07
工具类型(Utility Types)如 Partial、Pick、Record 的使用场景

介绍了 Partial、Pick 和 Record 的使用场景,并通过示例代码说明了它们在实际开发中的应用场景。

中等 工具类型 Utility Types Partial
07-07

Vue 25

Vue 中 ref 和 reactive 的区别与联系是什么?

探讨 Vue 3 的 Composition API 中 ref 和 reactive 的区别与应用场景,分析它们各自的优缺点。

中等 Composition API 响应式 Reactives
07-08
Vue3 Composition API 的优势与逻辑复用实践是什么?

介绍了 Vue3 中 Composition API 的核心优势及如何进行逻辑复用。讨论了其在代码组织、性能优化和 TypeScript 支持方面的改进,以及提供了一个通用的 fetch 功能示例。

困难 Composition API CompositionAPI 逻辑复用
07-07
如何解决 Vue 项目中的跨域问题?

讨论了在 Vue 项目中解决跨域的方法,包括开发和生产环境的配置。详细介绍了代理服务器和 CORS 设置。提供代码示例。

中等 跨域
07-07

前端安全 26

执行 SQL 语句 select * from user where id = 1 发生了什么?

分析在 Web 应用中执行 `select * from user where id = 1` 这样的 SQL 语句时涉及的流程和安全风险,重点讨论参数处理方式及其对 SQL 注入的影响。

中等 SQL注入 数据库 安全性
07-09
图片防盗链的原理是什么?

探讨了图片防盗链的核心机制,包括 Referer 验证和 Token 签名方法,并分析了其优缺点。

中等 HTTP协议 防盗链 HTTP
07-08
什么是 XSS 攻击?如何防御?

XSS 是一种常见的 Web 安全漏洞,通过恶意脚本窃取用户信息。本题详细讲解了 XSS 的三种类型及其防御方法。

中等 安全 XSS Web安全
07-08

响应式设计 8

什么是 SVG 以及它有哪些主要优点?

SVG 是可缩放矢量图形格式,支持无失真缩放,具有较小文件体积,支持交互性和语义化,广泛应用于响应式设计。

中等 SVG svg HTML5
07-08
如何实现响应式布局?

实现响应式布局时需要考虑设计策略、核心技术和性能优化。

中等 布局 响应式布局 移动开发
07-08
如何实现左右固定,中间自适应布局?

本题考察如何使用 Flexbox 或 Grid 实现左右固定,中间自适应的布局。回答提供了多种方法和代码示例。

中等 布局 Flexbox CSS
07-07

工程化与构建 37

如何判断文件中的换行符是 LF 还是 CRLF?

这个问题要求识别文本文件中的换行符类型,通常涉及对不同操作系统的理解以及如何检测这些换行符。解决方案包括使用文本编辑器、命令行工具和编程方法。

中等 文件处理 编码 文件
07-09
Code Splitting 的原理是什么?

Code Splitting 通过动态导入和依赖分析实现按需加载 JavaScript 模块,优化网页性能。

中等 Webpack 工程化 性能优化
07-09
谈谈对微服务的理解。

探讨微服务架构在软件开发中的优缺点,包括其优势如增强业务响应能力、提升资源效率,以及面临的系统复杂性增加、数据一致性难题等问题。

中等 微服务 架构设计 架构
07-09

异步编程 9

如何使用 async/await 实现 Promise.all 的效果?

详细介绍了如何利用 async/await 实现 Promise.all 的并发效果,并比较了不同实现方法的优缺点。

中等 Promise async await
07-09
有没有用过 Promise.allSettled ()?它是干什么的?

介绍如何使用 Promise.allSettled () 处理多个异步操作的结果,确保所有请求的完成状态都被捕获。

中等 Promise JavaScript ES2020
07-09
你了解 requestIdleCallback 的工作原理和应用场景吗?

requestIdleCallback 是一种浏览器 API,用于在主线程空闲时执行低优先级任务。它适用于非关键性的日志上报、资源预加载和分片处理大型任务。

中等 性能优化 API 浏览器API
07-07

性能优化 35

如何使用 Performance API 测量首屏时间?

首屏时间通过 Performance API 中的 First Contentful Paint (FCP) 指标衡量,用于优化网页加载速度。

中等 Performance API JavaScript JavaScript API
07-09
如何在 PostgreSQL 中查看慢查询语句?

监控和优化 PostgreSQL 中的慢查询语句需要配置日志记录并分析执行时间。

困难 PostgreSQL 数据库 查询优化
07-09
如何利用数据库缓存优化查询性能?

讨论了通过优化缓存策略来提高数据库查询性能的方法。包括查询结果缓存、对象级缓存和热点数据缓存,以及处理失效和更新的机制。还涉及分布式缓存架构和性能监控。

中等 数据库 缓存 缓存机制
07-09

数据管理 20

如何在编辑器中实现 GraphQL query 的自动补全?

在前端开发中,优化 GraphQL 查询的效率,通过配置和使用适当的工具来实现自动补全。

中等 GraphQL 开发工具 自动补全
07-09
如何监控 SQL 查询的执行时长?

介绍几种常见数据库查询执行时间的监测方法,如 SET STATISTICS TIME、SHOW PROFILES 和 EXPLAIN ANALYZE。

中等 性能优化 SQL 数据库
07-09
什么是数据库的隔离级?它们有哪些类型?

数据库隔离级是控制事务并发访问共享数据的机制,包括读未提交、读已提交、可重复读和可串行化。

中等 数据库 事务 隔离级
07-09

服务端渲染 18

什么是服务端组件及其优势?

服务端组件是在服务器运行的 React 组件,用于数据获取和非交互逻辑,提升性能、安全性和开发效率。

中等 React Server Components 渲染
07-07
如何解决 SSR 中的样式闪烁问题?

服务端渲染中,样式闪烁是常见的一个问题。本文详细分析了其原因,并给出了多种解决方案,如将 CSS 置于头部、避免使用 @import、嵌入关键 CSS 以及利用框架工具处理异步样式管理。

中等 SSR 性能优化 样式
07-07
如何优化 SSR 应用的 TTFB?

优化 SSR 应用的 TTFB 可以通过使用 CDN、减少 DNS 查询、避免重定向、服务器端流式传输和改善服务器资源等方法来实现。

困难 SSR TTFB 性能优化
07-07

测试 3

如何提高前端项目的测试覆盖率?

介绍测试覆盖率的概念和在前端项目中的实施步骤,包括选择工具、设置覆盖率指标以及编写高效测试用例。

中等 覆盖率 Jest Cypress
07-08
前端自动化测试的常见类型和工具有哪些?

了解和掌握前端常见的自动化测试类型及其对应工具,是每位前端开发者必须具备的能力。

中等 工具 自动化 自动化测试
07-06
如何选择前端测试工具?

介绍前端代码测试的方法和常用工具,包括单元测试、集成测试、端到端测试以及推荐的工具如 Jest 和 Cypress。

中等 工具 测试工具 单元测试
07-06

浏览器机制 17

如何区分 HTTP 头中的 no-cache 和 no-store?

HTTP 头中的 no-cache 和 no-store 指令分别影响浏览器的缓存机制。no-cache 允许缓存但需验证,而 no-store 完全禁用缓存。

中等 HTTP 缓存 缓存机制
07-09
什么是跨域?如何解决跨域问题?

跨域是浏览器的安全机制,阻止不同源之间的请求。解决方案包括 CORS、JSONP、代理服务器和使用 postMessage API。

中等 跨域 CORS 浏览器安全
07-09
浏览器中 Cookie 包含哪些字段?

Cookie 是浏览器中用于存储用户状态数据的机制。常见的 Cookie 字段包括 Name、Value、Domain、Path、Expires、Max-Age 等。

简单 Cookie
07-08

算法与数据结构 16

如何在 JavaScript 中生成全排列和全组合?

实现 JavaScript 函数以生成数组的全排列和全组合。

中等 算法 数据结构 JavaScript
07-09
数据库死锁是如何产生的?

数据库死锁通常由多个事务在并发执行时竞争资源而产生。要解决这个问题,可以通过优化加锁策略、设置超时机制或采用死锁检测与恢复机制来避免。

中等 数据库 事务 并发控制
07-09
如何在 JavaScript 中实现一个 LRU Cache?

实现了一个高效的 LRU(最近最少使用)缓存机制,使用哈希表和双向链表以 O (1) 时间复杂度处理 get 和 put 操作。

困难 数据结构 JavaScript 算法
07-08

网络协议 52

TIME_WAIT 状态导致的问题及原因是什么?

TIME_WAIT 状态过多可能导致端口耗尽和连接无法建立,而其长时间的存在是为了确保数据传输的可靠性。

困难 TCP TCP/IP 性能问题
07-09
如何确保 HTTPS 证书的信任?

讨论了通过数字签名、CA 信任链和浏览器预装根证书来保证 HTTPS 证书的可信任性的方法。

中等 HTTPS 安全 安全性
07-08
如何实现前端的单点登录?

介绍多种单点登录实现方案,包括 Cookie 共享、Token 与认证中心以及标准化协议,讨论安全性及跨域处理。

困难 SSO 身份验证 认证
07-08

设计模式 5

React、Angular 和 Vue 各有哪些特点?

比较 React、Angular 和 Vue 的主要特点和适用场景。

中等 React Angular Vue
07-08
什么是熔断机制?微服务如何做熔断?

熔断机制是微服务架构中的关键设计模式,用于防止级联故障。通过动态状态切换(关闭、打开、半开)隔离异常服务,并使用如 Hystrix 的工具实现熔断。

困难 微服务 熔断机制 容错机制
07-08
你如何理解前端中的装饰器(Decorators)及其作用?

装饰器用于为函数或类添加额外功能,常见的应用场景包括日志记录、性能监测和权限验证。

中等 JavaScript 装饰器 Decorator
07-07

跨端开发 2

React Native 和 Flutter 的优缺点是什么?

比较 React Native 和 Flutter 的优缺点,帮助开发者选择合适的跨端开发框架。

中等 React Native Flutter 框架
07-08
跨端渲染方案对比:React Native vs Flutter

该问题深入探讨了 React Native 和 Flutter 在跨端开发中的表现,涉及架构、性能和适用场景等复杂方面。

中等 跨平台开发 性能优化 React
07-07

部署与运维 27

如何设置 SSH 的 IP 白名单?

设置 SSH 的 IP 白名单可通过配置 sshd_config、使用 IPTables 或管理 hosts.allow/hosts.deny 文件实现,每种方法都有其优缺点和适用场景。

中等 SSH 网络安全 安全
07-09
如何实现前端项目的多分支部署?

介绍前端项目如何通过自动化工具和容器化技术实现不同分支的独立部署,确保并行开发和测试环境的隔离。

中等 部署 CI/CD 分支管理
07-09
如何查看数据库的当前连接数?

解释在不同数据库系统(如 MySQL、SQL Server 和 PostgreSQL)中,如何使用 SQL 语句或系统工具来查看当前的连接数量。

简单 数据库 性能监控 连接数
07-09