栀麦333

127.0.0.1 和 localhost 的区别：为什么有时候一个能用，另一个却不行？ 刚开始做 Web 开发的时候遇到一个奇怪的问题：有时候用 localhost:30...

13、评价一下三种方法实现继承的的优缺点，并改进。 14、focus/blur 与 focusin/focusout 的区别与联系。 19、HTTP 状态码 101、200...

css盒子模型 又称为框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如下图...

2025新款跨平台Electron38、Vite7、Vue3 setup、Pinia3、ElementPlus、Vue-I18n、Echarts搭建高颜值轻量级电脑端中后台...

在当今 Web 开发领域，iframe（内联框架）这个诞生于 1999 年的 HTML 特性，依然在众多关键场景中发挥着不可替代的作用。无论是集成第三方服务、实现微前端架构...

【导读】最近在面试，把一些前端高频面试题或知识点做一个总结，一方面自己做一个梳理和总结，另外一方面也分享给正在面试或有需要的朋友。 1.什么是 DOCTYPE， 有何作用？...

随着后端微服务架构的普及，以及客户端形态（Web、iOS、小程序、桌面端）的日益多样化，我们前端开发常常会面临一个很尴尬的局面： 后端提供的API，往往是通用的、面向数据的...

你是不是有过这样的经历：辛辛苦苦做好的网页，在电脑上看起来整整齐齐，但一放到手机或平板上，布局就变得乱七八糟，要么挤成一团，要么空白一大片。 然后你上网一搜解决办法，全都是...

大家好，我是小杨，一个做了6年前端的老兵。今天要聊一个移动端开发中经常遇到的坑——**点击延迟**。你有没有遇到过这样的场景：用户在手机上点了一个按钮，结果半天没反应，急得...

欧阳最近找工作面试时总是被问到Vue和React的区别，这篇文章我们就来聊聊这个问题。面试官问这个问题一般是...

用 == 被大佬喷了，我到底错哪了？ 在 JavaScript 中，== 和 === 都是用来比较两个值是否相等的运算符，但它们的行为却有显著的区别。理解它们的差异对于写出...

今天遇到一个很有意思的面试题，面试官给我一道题目，要我实现之前它们公司之前写的一个组件。 首先我介绍下这道题，首先我是先想到用flex布局来写头像分布，因为grid布局不能...

本篇文章只探讨最常见和易理解的前端图片预加载实现方式，并在其基础上进行足够优雅的优化处理，爽文易读~...

在日常业务开发里，DOM 截图 几乎是刚需场景。 但问题来了——市面上的截图工具，比如 html2canvas，虽然用得多，却有一个致命缺陷：慢！...

之前在讨论设计模式、算法的时候，一个后端组长冷嘲热讽的说：前端哪有什么设计模式、算法，就好像只有后端语言有一样，至今还记得那不屑的眼神。 今天想起来，就随便列几个，给这位眼...

前言 长列表渲染一直以来都是前端比较头疼的一个问题，如果想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好，主要有以...

我们都知道，如果一次性展示所有的数据，那么会造成页面卡顿，虚拟滚动的原理就是将数据根据滚动条的位置进行动态截取，只渲染可视区域的数据，这样浏览器的性能就会大大提升，废话不多...

Vue3 封装不定高虚拟列表 hooks，提高复用性，支持第三方库 Select、Table 组件和自定义组件。...

划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这...

一、建立衡量标准 在确认指标之后，还要有量化基础，有数据积累。 理论基础 - 以『用户为核心』的 RAIL 性能模型 Response（响应）：应该尽可能快速的响应给客户，...