首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
前端
皮蛋小精灵
创建于2025-04-09
订阅专栏
前端知识和技能介绍总结
等 8 人订阅
共29篇文章
创建于2025-04-09
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Flexbox 布局中的滚动失效问题:为什么需要 `min-h-0`?
Flexbox 布局中的滚动失效问题:为什么需要 min-h-0? 前言 在使用 Flexbox 布局时,你是否遇到过这样的问题:明明设置了 overflow-y-auto,但内容却无法滚动,反而把整
公私分明:为什么你不应该共用 SSH Key(附多账号最佳实践指南)
在开发者的日常工作中,我们经常面临一个选择:个人的 GitHub 和公司的 GitLab,到底是用同一把 SSH Key,还是分开生成? 这是一个典型的 “便利性 vs 安全性” 的博弈。本文将从安全
配置 Git Hooks:使用 Husky + lint-staged 自动代码检查
📋 目录 功能说明 安装依赖 配置文件 初始化 Husky 使用说明 工作原理 常见问题 功能说明 配置完成后,当你执行 git commit 时,会自动: ✅ 运行 lint-staged:只检查暂
配置 VS Code / Cursor 保存时自动格式化代码
📋 目录 功能说明 安装依赖 配置文件 VS Code 设置 使用说明 常见问题 功能说明 配置完成后,当你按下 Ctrl+S (Windows/Linux) 或 Cmd+S (Mac) 保存文件时,
macOS ⇄ Android 局域网无线传输 APK 终极方案
针对 macOS 自带 Python 服务在传输大文件(如 APK)时容易断连报错(Broken Pipe)的问题,改用前端业界标准工具 http-server。此方案零安装、更稳定、自动显示 IP,
秒懂 Headless:为什么现在的软件都要“去头”?
简单来说, “Headless”(无头) 在软件开发中指的是:只有逻辑(后端/内核),没有预设界面(前端/GUI) 的软件架构模式。 这里的“Head(头)”比喻的是用户界面(UI/GUI) ,“Bo
前端高频面试题:为什么 sessionStorage 在不同 Tab 页不共享?
这是一个非常经典的前端面试题,也是实际开发中容易产生误解的地方。 简单直接的回答是:这是由 W3C 标准明确设计的。sessionStorage 的设计初衷就是为了“隔离”,而不是“共享”。 以下是详
搞不懂 px、dpi 和 dp?看这一篇就够了:图解 RN 屏幕适配逻辑
一、三个概念:px、dpi、dp px:物理像素 / 分辨率里的那个像素 当我们说“720p、1080p”时,其实说的是分辨率: 720p ≈ 1280 × 720 像素 1080p ≈ 1920 ×
基于指纹文件名的前端版本更新与缓存策略实践
为什么“指纹文件名”能触发更新 原理:构建产物的 .js/.css 文件名里包含内容哈希(如 index-CGIWmfc8.js)。只要代码变更,哈希就变,新文件名也变。 流程: 浏览器先请求 ind
用 window.matchMedia 实现高级响应式开发:API 全面解析与实战技巧
在现代Web开发中,响应式设计已成为前端开发的“标配”。虽然 CSS 的 @media 媒体查询能解决大部分样式适配问题,但总有一些业务逻辑、数据交互、动画特效等需求必须依赖 JavaScript 进
备忘录模式(Memento Pattern)详解
前一篇文章解锁时光机 用到了备忘录模式,那么什么是备忘录模式? 备忘录模式是一种行为型设计模式,它的核心思想是在不暴露对象内部细节的情况下,捕获并保存一个对象的内部状态,以便在将来可以恢复到这个状态。
Reducer 模式(Reducer Pattern)是什么?
Reducer 模式(Reducer Pattern)是一种函数式编程的模式。它的作用是:接收一个“集合”作为输入,然后输出一个单一的值。 详细理解 Reducer 模式: “Reducer”在编程中
CSS 环境变量 env() 与自定义变量 var() 全面解读及实用场景
在现代前端开发中,样式的可维护性、适配能力和跨设备体验变得越来越重要。CSS 提供了两种具备“变量”作用的机制——环境变量 env() 和 自定义变量 var() ,它们分别定向解决了“设备环境适配”
从前端开发者视角解析依赖注入:解耦与可维护性的核心范式
依赖注入 (Dependency Injection, DI) 是一个在软件开发中非常重要的设计模式。简单来说,它就像是餐厅里你点菜时,服务员把做好的菜送到你桌上,而不是让你自己跑到厨房去炒菜。
现代 JavaScript 模块:告别全局污染,拥抱高效开发
随着 Web 应用日益复杂,JavaScript 代码的管理也变得至关重要。曾几何时,我们依赖全局变量和简单脚本,但如今,现代 JavaScript 模块(Modules) 已成为组织和复用代码的基石
可视化理解 CSS Grid:核心术语与基本用法
想象一下你在报纸或杂志上看到的页面布局,内容被整齐地划分在行和列组成的网格中。CSS Grid Layout 就是一个用于网页的 **二维布局系统**,可以让你同时控制行和列的排列和对齐。它非常强大,
从一维到二维:深入解析 Flexbox 与 Grid 的区别与应用场景
CSS Grid 与 CSS Flexbox 的核心区别 它们都是强大的 CSS 布局模块,但设计目的和最佳应用场景不同: 维度 (Dimensions): Flexbox: 主要是一个 一维 (1D
AbortController 详解:如何优雅地取消异步操作
前言 在现代 Web 开发中,我们经常需要处理异步操作,尤其是网络请求。有时,在请求完成之前,我们可能希望取消它。例如: 用户在请求完成前离开了当前页面。 用户发起了新的搜索请求,旧的搜索请求变得不再
加速 Web 应用:资源压缩详解与 Vite + Nginx 实践指南
介绍: 本文深入探讨了前端性能优化中的关键一环——资源压缩,特指 Gzip 和 Brotli 这类用于减少网络传输体积的技术。你将了解到资源压缩如何工作,Gzip 与 Brotli 算法的差异与优势,
前端架构入门:构建与部署优化
我们来探讨前端架构的最后一个关键主题:构建与部署优化 (Build & Deployment Optimization)。 编写出功能完善、结构清晰的代码只是第一步,如何高效地将这些代码构建打包,并快
下一页