
JavaScript
文章平均质量分 77
牛奶、不加可乐
这个作者很懒,什么都没留下…
展开
-
JavaScript 包管理工具对比:pnpm、yarn 和 npm
简介:npm 是 Node.js 的默认包管理工具,最早由 Isaac Z. Schlueter 开发。特点开箱即用,Node.js 自带。生态最大,几乎所有 Node.js 项目都支持 npm。npm 7+ 支持 Monorepo 工作空间。原创 2025-03-10 20:41:12 · 268 阅读 · 0 评论 -
高阶函数的常见应用场景与实现
高阶函数是 JavaScript 中非常强大的工具,它们可以接收函数作为参数,或者返回一个函数。本文将介绍几种常见的高阶函数应用场景,包括柯里化、反柯里化、函数节流、分时函数和惰性加载函数,并提供具体的实现代码。柯里化是一种将多参数函数转换为一系列单参数函数的技术。它的核心思想是部分求值,即函数在接收参数时不会立即计算,而是累积参数,直到需要计算结果时才一次性计算。应用场景:参数分步传递,延迟计算。复用部分参数,生成新的函数。2. 反柯里化(Uncurrying)反柯里化是将只能应用于特定对原创 2025-02-16 16:33:44 · 329 阅读 · 0 评论 -
Server Actions 原理分析:简化前后端交互的机制
框架实现方式特点Next.jsAPI 路由 + Server Actions直接调用服务端函数,简化请求管理Remixaction函数自动映射表单提交到服务端逻辑Nuxt.js通过中间件处理请求和响应Server Actions 通过封装 HTTP 请求的细节,使开发者能够以更直观的方式处理前后端交互。无论是 Next.js、Remix 还是 Nuxt.js,它们都提供了类似的机制来简化开发流程。通过理解这些机制,开发者可以更高效地构建现代 Web 应用。原创 2025-02-16 16:58:01 · 844 阅读 · 0 评论 -
在 Web 开发中使用 SVG 图标的 7 种方法
方法优势限制内联 SVG高度可定制,支持 CSS 样式和交互代码量较大,复杂页面中多次使用时冗余<img>标签简单易用,适合静态图标无法直接通过 CSS 修改图标样式<object>标签支持交互,保留内部结构,可以用 JS 操控使用较复杂,兼容性较差适合背景图标,代码简洁无法修改图标的颜色和形状SVG 图标字体(如 Font Awesome)易于使用,响应式,统一管理多个图标只能控制大小和颜色,修改图标较麻烦<use>元素可以重用 SVG 图标,灵活控制样式。原创 2025-02-19 15:23:44 · 1181 阅读 · 0 评论 -
.textContent、.innerText 和 .innerHTML 的区别
属性返回值内容是否受 CSS 影响是否包含 HTML 标签是否保留换行符纯文本,忽略 HTML 标签否否是.innerText可见文本,受 CSS 影响是否是.innerHTML包含 HTML 标签的完整内容否是是。原创 2025-02-19 18:20:51 · 373 阅读 · 0 评论 -
JavaScript 箭头函数中的占位符 “_“ 详解
用法说明忽略当前元素的值,仅使用索引i进行计算。作为占位符表示当前元素的值在函数体内不会被使用,避免代码检查工具的警告。适用场景生成序列数组、遍历数组时忽略元素值、映射数组时仅使用索引等。原创 2025-02-20 08:48:36 · 242 阅读 · 0 评论