星野集-个人编程学习与开发笔记归档

点击按钮变大字？一行代码教你用JS改网页文字大小

你有没有在网页上见过这种操作？点击一个按钮，原本小小的文字“唰”地变大了；或者滑动鼠标，标题字号跟着变化。这些效果的背后，其实都离不开JavaScript（简称JS）对网页元素的控制。今天我们就从最基础的一行代码入手，看看怎么用JS修改网页里的文字大小。先搞懂这行代码的“身份” 我们今天要研究的代

笔记

你有没有过这样的经历？整理书架时，想给每一本书贴上标签；或者点奶茶时，想给每个朋友备注不同的口味。这种「逐个处理一组东西」的需求，在编程里特别常见——尤其是当你要处理一个装满数据的数组时。今天咱们就聊聊JavaScript里专门干这个事的工具：.forEach()。它就像一个勤劳的小助手，能帮你把

笔记

在Web性能优化的世界里，图片始终是“流量大户”——据统计，一个普通网页的加载流量中，图片占比可达60%以上。这意味着：如何高效加载图片，直接决定了用户的等待时间和体验满意度。而“响应式图片”（Responsive Images）正是解决这一问题的核心技术。它不是某种“炫技”的代码技巧，而是W3C

笔记 HTML

开篇：点外卖时的「隐形判断」，你每天都在做想象你晚上点外卖，页面显示「预计30分钟送达」。你心里会默默做几个判断：「现在已经7点了，30分钟后是7:30，还没到睡觉时间」→ 可以下单「如果下雨的话，配送时间可能延长到45分钟」→ 需要看天气这些「如果…就…」「不…就…」的思考过程，在Java

笔记

开篇：你给手机充电的方式，和代码赋值很像想象你有一部手机，电量是0%。当你插上充电器时，相当于执行了一次「赋值操作」——把充电器提供的电量（比如+20%）存到手机的电量变量里。在JavaScript中，变量就像手机的「电量槽」，而赋值运算符就是帮你「给槽里充电」的工具。上一篇我们学会了用算术运算

笔记

你有没有过这样的经历？早上出门前看天气预报：“如果下雨，就带伞；否则，带防晒帽。” 或者点奶茶时想：“如果加珍珠，总价加3元；否则，按原价。” 这些日常决策的逻辑，在编程里有个专门的工具来处理——它就是今天要讲的 if...else 语句。别被名字吓到，其实它的思路和你说“如果…就…”的逻辑几乎一

笔记

刚开始学JavaScript时，很多同学会被一些「看起来简单」的符号搞晕：写代码时到底要不要加分号？单引号、双引号、反引号有什么区别？随便选一个不行吗？为什么有时候用反引号会报错？别着急，这篇文章用最贴近日常的场景，帮你理清楚这些符号的使用规则，避开90%的新手坑。一、分号：JS的「断句符

笔记

最近学JavaScript的朋友问我：“我看别人写代码总用 ===，但我之前学的 == 不也能比较相等吗？一定要换吗？” 这个问题特别常见，今天咱们就用最直白的方式聊清楚——严格相等运算符 === 到底有什么特别之处，以及为什么它更值得被推荐。先想个生活问题：你买的奶茶到底是不是一杯？假设你现在

笔记

一、为什么我们需要“循环”？假设你是个水果店老板，早上进了10箱苹果，需要逐箱检查有没有坏果。这时候你会怎么做？是一本正经地数“第1箱、第2箱……第10箱”，还是找个办法让动作重复起来？显然，“重复检查”是更高效的选择。在编程里，这种“重复做某件事”的需求，就需要用到循环结构。 JavaScri

笔记

在前一篇文章中，我们详细讲解了JavaScript中最基础的for循环结构。现在你已经掌握了基本的循环技巧，是时候向更高级的循环用法迈进了。本文将带你了解JavaScript中其他几种重要的循环方式，它们各有特点，适用于不同的场景。一、为什么需要了解多种循环方式？在实际开发中，我们面对的数据结构

笔记