标签

 javascript 

相关的文章:

本列表汇集了关于 JavaScript 的多篇文章,涵盖基础知识、框架对比、API 构建及自动化应用等主题,帮助开发者全面提升技能。

从Oreo的视角理解JavaScript中的call、bind和apply

Hello there! I'm Oreo, the black and white cat who spends most of his days lounging on my human's keyboard while they code. I've picked up quite a bit about JavaScript just by watching. Today, I...

这篇文章由一只名叫Oreo的猫讲述,解释了JavaScript中的call、apply和bind方法。call允许对象借用并立即执行方法,apply使用数组作为参数,而bind创建一个新函数以便稍后调用。Oreo通过观察帮助读者理解这些概念。

从Oreo的视角理解JavaScript中的call、bind和apply
原文英文,约700词,阅读约需3分钟。发表于:
阅读原文

通过我的猫Oreo理解JavaScript混入

Oreo is a magnificent creature with an identity crisis. One minute he's a fearsome predator stalking invisible prey, the next he's a professional napper who can sleep 18 hours straight. In the...

Oreo是一只具有身份危机的猫,既是捕食者又是专业的睡觉者。JavaScript中的mixins允许将一个对象的方法和属性添加到另一个对象,避免多重继承。通过mixins,Oreo可以同时具备“猫”和“打盹大师”等多种行为,广泛应用于UI组件、API客户端和游戏开发中,提供灵活的行为共享方式。

通过我的猫Oreo理解JavaScript混入
原文英文,约600词,阅读约需2分钟。发表于:
阅读原文

项目1:使用JavaScript实现横向滑动卡片

Recently I came across this BBC article that contained these horizontally sliding cards. I thought it looked pretty cool so I tried to recreate it. -- Step 1 Firstly I added the content...

作者重现了BBC文章中的横向滑动卡片,创建了占位卡片并调整样式,使用flexbox实现横向滚动和拖动功能。最终优化了卡片在不同设备上的表现,并总结了项目经验。

项目1:使用JavaScript实现横向滑动卡片
原文英文,约1200词,阅读约需5分钟。发表于:
阅读原文

JavaScript中的闭包与作用域链

Scope refers to where in your code a variable is visible or can be used. In JavaScript, each function creates a new scope, and since ES6, blocks ( { } ) can also create scope with let and const ....

作用域是变量在代码中的可见范围。JavaScript中的每个函数都会创建新的作用域,ES6后,块级作用域也被引入。闭包允许内部函数访问外部函数的变量,即使外部函数已执行完毕,常用于数据封装、事件处理和函数工厂等场景。建议使用let替代var,以避免变量共享问题。理解作用域和闭包有助于编写灵活的代码。

JavaScript中的闭包与作用域链
原文英文,约1500词,阅读约需6分钟。发表于:
阅读原文

理解JavaScript中的`this`和箭头函数

In JavaScript, the this keyword is one of the most powerful yet often misunderstood concepts. Its behavior can vary depending on how a function is declared and invoked. This article explains how...

在JavaScript中,this关键字的行为取决于函数的调用方式。常规函数的this动态变化,而箭头函数则从定义时的词法上下文中继承this。使用箭头函数可以保持上下文,尤其在回调中,但不适合作为对象方法。理解this的细微差别有助于编写清晰的代码。

理解JavaScript中的`this`和箭头函数
原文英文,约500词,阅读约需2分钟。发表于:
阅读原文

🧬 使用纯CSS构建脉动的发光等离子体外壳(无需JavaScript!)

💡 What if your UI felt... alive? What if a shape on your screen pulsed like a living organism, shimmered like energy plasma, and glowed like a sci-fi reactor — and all of that was done with just...

本文介绍了如何使用现代CSS创建脉动的发光等离子体外壳,模拟有机结构。通过锥形渐变、模糊和分层动画,无需JavaScript或画布即可实现生动的视觉效果。

🧬 使用纯CSS构建脉动的发光等离子体外壳(无需JavaScript!)
原文英文,约300词,阅读约需1分钟。发表于:
阅读原文

✨ 使用纯CSS构建闪烁的霓虹球体 — 无需JavaScript

🌌 Introduction Have you ever wanted to create a futuristic, glowing energy sphere — something that looks alive, pulses gently, and flickers like real plasma? In this tutorial, you'll learn how to...

本文介绍了如何仅用CSS创建一个未来感的发光能量球,适用于UI背景和加载屏幕。该球体具有柔和的脉动和随机闪烁动画,完全可定制,展示了CSS的强大功能。

✨ 使用纯CSS构建闪烁的霓虹球体 — 无需JavaScript
原文英文,约400词,阅读约需2分钟。发表于:
阅读原文

JavaScript事件循环如何处理异步代码执行

Ever wondered how JavaScript can fetch data from an API, wait for a timeout, and respond to user clicks, all without freezing your browser? It's not magic, it's the event loop. Even though...

JavaScript通过事件循环实现异步操作,允许在单线程中处理多个任务。主要组件包括调用栈、Web APIs、任务队列和微任务队列。事件循环确保主线程不被阻塞,任务完成后回调被添加到队列中,从而保持应用的快速响应。

JavaScript事件循环如何处理异步代码执行
原文英文,约600词,阅读约需3分钟。发表于:
阅读原文

浏览器中的JavaScript:理解和操作文档对象模型(DOM)

Javascript is one of the core technologies of the World Wide Web, alongside HTML and CSS.It's a high-level programming language used to add interactivity to web pages.Before JavaScript, webpages...

JavaScript是网页的核心技术之一,能够为网页添加互动性。文档对象模型(DOM)以树状结构表示网页,允许JavaScript动态修改内容,访问和修改元素,处理事件,从而创建动态网页体验。理解DOM的作用有助于构建交互功能,如待办事项列表。

浏览器中的JavaScript:理解和操作文档对象模型(DOM)
原文英文,约1100词,阅读约需4分钟。发表于:
阅读原文

掌握JavaScript中的设计模式:开发者指南

Design patterns are proven solutions to common software design problems. Whether you're building frontends or architecting backend systems, understanding these patterns can make your code more...

设计模式是解决常见软件设计问题的有效方案。本文介绍了六种JavaScript设计模式:单例模式、工厂方法模式、抽象工厂模式、观察者模式、装饰器模式和外观模式。这些模式提升了代码的模块化、灵活性和可维护性,有助于构建易于扩展和维护的应用程序。

掌握JavaScript中的设计模式:开发者指南
原文英文,约700词,阅读约需3分钟。发表于:
阅读原文