首页 > 文章列表
  • JavaScript 中的正则表达式
    JavaScript 中的正则表达式
    没有多少人谈论正则表达式,尽管它们对于文本操作和数据验证非常有用。 它们提供了一种强大的方法来搜索、匹配和替换字符串中的模式。 在 JavaScript 中,RegExp 是一个可以有效地用来查找和操作这些模式的对象,无论您是在验证电子邮件、格式化电话号码还是解析日志。 正则表达式甚至可以
    351 2024-10-22
  • [Leetcode] 对象是否为空
    [Leetcode] 对象是否为空
    问题链接:https://leetcode.com/problems/is-object-empty/description/ [问题陈述] 给定一个对象或数组,如果为空则返回。 空对象不包含键值对。 空数组不包含任何元素。 您可以假设对象或数组是 json.pars
    431 2024-10-22
  • 掌握 React 中的 SOLID 原则:提高代码质量
    掌握 React 中的 SOLID 原则:提高代码质量
    在开发健壮、可维护和可扩展的 react 应用程序时,应用 solid 原则可以改变游戏规则。这些面向对象的设计原则为编写干净高效的代码提供了坚实的基础,确保您的 react 组件不仅功能强大,而且易于管理和扩展。 在本博客中,我们将深入探讨如何将每个 solid 原则应用到 react 开发中,
    230 2024-10-22
  • 前端框架的隐性成本
    前端框架的隐性成本
    我们都希望我们的网站看起来有吸引力,并且在多种设备和屏幕尺寸上感觉快速且响应灵敏。前端生态系统中开发了一些常用工具来帮助构建此类界面。 最常见和众所周知的是 react,还有许多其他人共享这个空间,例如 svelte、solidjs、angular、vue、qwik 等。所有这些都是令人印象深刻的
    341 2024-10-22
  • 充分利用小空间:巧妙的存储解决方案
    充分利用小空间:巧妙的存储解决方案
    生活在狭小的空间中可能具有挑战性,但通过正确的存储解决方案,您甚至可以将最小的区域变成功能齐全且井然有序的避风港。充分利用紧凑空间的关键在于巧妙的存储理念,充分利用家中的每一寸空间。在本指南中,我们将探索各种策略,帮助您在不影响风格或舒适度的情况下最大化您的小空间。 智能存储的重
    498 2024-10-21
  • JavaScript For 循环示例
    JavaScript For 循环示例
    标准 for 循环 for (let i = 0; i < 5; i++) { console.log(`iteration ${i + 1}`); } for...of 循环(遍历数组) const fruits = ['app
    290 2024-10-21
  • 如何使用 HMPLjs (fetch) 从 API 获取 HTML 并在 DOM 中显示?
    如何使用 HMPLjs (fetch) 从 API 获取 HTML 并在 DOM 中显示?
    你好!在这篇文章中我想谈谈如何使用 hmpl.js 从 api 获取 html 并在 dom 中显示。 此方法适用于任何 api,因为此模块基于 fetch api,几乎完全复制了 vanilla 解决方案的工作。 假设我们采用返回 html 响应的路由: api 路由 - http://lo
    412 2024-10-21
  • Nextjs 获取数据时的缓存问题
    Nextjs 获取数据时的缓存问题
    介绍 构建应用程序时 next.js 中常见的缓存问题是 next.js 的默认缓存行为,这导致许多开发人员感到沮丧。在很多情况下,缓存通过存储资源副本来帮助加速页面加载并减少服务器负载。 但是,它有时会导致显示过时的内容,这对于动态应用程序(例如添加新博客时显示新博客的博客
    326 2024-10-16
  • 如何使用 Tailwind CSS 和 JavaScript 创建基本看板
    如何使用 Tailwind CSS 和 JavaScript 创建基本看板
    今天是星期一,让我们深入构建一个简单的看板!我们将使用 Tailwind CSS 和 JavaScript 创建一个包含三列的列:待办事项、进行中和完成。 什么是看板? 看板是用于管理工作流程中的任务的可视化工具。它将任务组织成列,每个列代表流程的不同阶段。例如,基本的看板可以包括“待办事项”、“
    270 2024-10-15
  • 掌握 JavaScript Promise:Polyfill 和高级技术指南
    掌握 JavaScript Promise:Polyfill 和高级技术指南
    简介:解锁 javascript 的异步能力 浏览 javascript 的异步功能可能很复杂,但掌握它们可以显着提高您的编码技能和应用程序性能。在本指南中,我们深入研究 javascript promise 的基本工具,特别关注如何为 promise.any、promise.allsettled
    292 2024-10-15
  • JavaScript 设计模式指南
    JavaScript 设计模式指南
    侯赛因·阿里夫撰写✏️ 想象一下这样的情况:一群建筑师想要设计一座摩天大楼。在设计阶段,他们必须考虑很多因素,例如: 建筑风格——建筑应该是野兽派、极简主义还是其他风格? 底座的宽度——需要多大的尺寸才能防止大风天倒塌? 预防自然灾害 - 根据该建筑物的位置需要采取哪些预防性结构措施来防
    345 2024-10-15
  • 了解 Fetch API:Web 开发中网络请求的未来
    了解 Fetch API:Web 开发中网络请求的未来
    简介 fetch api 代表了 web 应用程序与服务器交互以及通过网络检索内容的方式的重大演变。 fetch api 作为 xmlhttprequest (xhr) 的现代替代方案推出,为开发人员提供了更强大的功能、灵活性和简单性。随着与现代浏览器的集成,fetch 已成为构建当代 web 应用
    136 2024-10-15
  • 高级 JavaScript:探索事件循环
    高级 JavaScript:探索事件循环
    介绍 javascript 是一种在 web 开发中强大且广泛使用的编程语言。它最有趣的方面之一是它的并发模型,尽管它是单线程的,但它允许它有效地处理多个任务。了解事件循环对于编写高性能且无错误的 javascript 代码至关重要,尤其是在复杂的应用程序中。
    413 2024-10-15
  • 我见过的关于 JS 中闭包的最简单的解释(来源:roadmapsh)
    我见过的关于 JS 中闭包的最简单的解释(来源:roadmapsh)
    想在这里分享我在网上看到的关于著名的闭包主题的最简单的解释。 (来源:roadmap.sh) 闭包是一个即使在外部函数返回后也可以访问其外部函数作用域的函数。这意味着即使函数完成后,闭包也可以记住并访问其外部函数的变量和参数。 function outer() { const name =
    170 2024-10-15
  • 如何在 JavaScript 中展平数组
    如何在 JavaScript 中展平数组
    使用递归和 while 循环是实现此目的的更简单方法 export default function flatten(value) { const arr = [] const flat = (a) => { let counter = 0 console.log
    275 2024-10-14
  • 释放 Nodejs 的力量:构建可扩展后端系统的基本技巧
    释放 Nodejs 的力量:构建可扩展后端系统的基本技巧
    凭借四年多的全栈开发经验,主要专注于使用 Node.js、TypeScript 和相关技术的后端系统,我接触到了许多使后端开发更加高效、可扩展和可扩展的技术。可靠的。在本文中,我将分享一些罕见但有影响力的技巧,这些技巧将帮助您最大限度地提高 Node.js 应用程序的性能。这些技术基于涉及微服务、数
    132 2024-10-14
  • 探索 Effect-TS 中的选项 Getter
    探索 Effect-TS 中的选项 Getter
    effect-ts 提供了一组强大的工具来处理 option 类型,这些类型表示可能存在也可能不存在的值。在本文中,我们将探索使用库提供的不同 getter 获取 option 内的值的各种方法。 示例 1:使用 o.getorelse o.getorelse 函数允许您在
    433 2024-10-14
  • 网页设计中的过度架构
    网页设计中的过度架构
    我最近在 X 上读到了 @justinfagnani 的一篇文章,内容是: “Lit 不是框架。浏览器才是框架。” 这让我思考了近年来我们如何构建网络。 在相当长的一段时间里,如果您了解 HTML、CSS 和 JavaScript,那么您确实不需要框架来构建 Web 应用程序。最多,您可能
    423 2024-10-14
  • React 设计模式~布局组件~
    React 设计模式~布局组件~
    屏幕分割器 这种模式经常用于由侧边栏、主栏等组成的常见布局。 ・app.js import { splitscreen } from "./components/split-screen"; const leftside = ({ title }) => { return &
    185 2024-10-14
  • 第一次使用 Git 远程工作
    第一次使用 Git 远程工作
    介绍 本周,我加深了对 git 的理解,特别是使用 git 遥控器。作为先决条件,在处理远程时熟悉 git 合并至关重要。上周,我分享了我第一次使用 git merge 的经验并讨论了一些最佳实践。本周,我在开发新功能时应用了这些知识,不是在我自己的存储库中,而是在合作者的存储
    303 2024-10-14