llq_350

类别 工具/配置 配置文件 作用 JavaScript/TS ESLint .eslintrc.js, .eslintignore 代码质量与风格检查 Prettier ....

主流文档工具对比 特性 Docusaurus Storybook VitePress Docsify Nextra (基于 Next.js) 核心定位 内容-centric...

一、核心定位 Webpack: “应用构建全能王” 目标：处理复杂 Web 应用的一切资源，构建功能完备的 bundle。 哲学：一切皆模块，通过强大的 loader 和 ...

上一篇我们搭建了，react&ts的基本开发环境，本篇我们将引入storybook编写组件、使用rollup打包组件、本地测试开发的组件、发布组件库。...

前言 自动化工具？npm 发包？样式按需引入？组件及样式自动引入？组件文档？单元测试？听着有点熟悉又带点陌生😱。。。别急，阅读本系列文章：将从工程化角度带你从0到1实现一...

在实际前端开发中，我们经常需要处理可能为 null、undefined 或特定无效值的情况。JavaScript 的空值合并运算符（??）提供了基础解决方案，但面对更复杂的...

1. 空值合并 (Nullish Coalescing) ?? 用途：提供默认值。只有当左侧的操作数是 null 或 undefined 时，才返回右侧的操作数。 2. 逻...

1. 是什么？ 它定义在项目根目录的 package.json 中（主要是 Yarn 和 pnpm 支持，npm 中类似的功能叫 overrides）。它是一种强制手段，用...

一句话总结 用 peerDependencies 来声明： “我这个库需要这些环境，但请由使用我的项目来提供它们。” 1. 核心概念：它是什么？ 一个声明，用于说明你的包（...

问题描述 在开发环境中使用 webpack-dev-server 时，IE11 浏览器报告 JavaScript 错误。经排查，问题源于 webpack-dev-serve...

这两个 Webpack loader 都用于处理 CSS，但设计目标和应用场景有本质区别： 特性 style-loader to-string-loader 主要功能 将 ...

最初在 JS 中作用域有：全局作用域、函数作用域。没有块作用域的概念。 ES6 中新增了块级作用域。块作用域由 { } 包括，if 语句和 for 语句里面的 { } 也属...

box-sizing 是 CSS 中用于控制元素尺寸计算方式的关键属性，它决定了元素的 width 和 height 是否包含内边距（padding）和边框（border）...

background-size: cover; 缩放图片以完全覆盖容器（保持宽高比），可能裁剪部分图片 background-size: contain; 缩放图片以完整显...

符号 作用 示例（编译后） 用途 &. 连接类名 .parent.child 同一元素的多类组合 &: 连接伪类 .parent:hover 定义交互状态（悬停等） &::...

问题背景 Git 默认配置是大小写不敏感的（尤其在 Windows 和 macOS 系统上）。这会导致一个常见问题：当你仅修改文件名的大小写（如 file.js → Fil...

解决 Linux 部署中的文件大小写问题 问题核心 本地开发环境（Windows/macOS）不区分文件大小写，但 Linux 生产环境严格区分大小写，导致模块加载失败。 ...

在前端开发面试中，"如何实现网站换肤/主题切换功能"是一个高频考题，尤其在中高级工程师面试中出现率很高。为什么面试官如此青睐这个问题？...

这篇文章教大家如何配置被业界广泛认可的[ Angular commit message ] 提交规范。...

本系列将实现使用react18，ts5，lint三剑客，webpack，storybook搭建react组件库、react+ts项目模板、和一个脚手架项目模板。本项目使用的...