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

JavaScript数据类型转换：从“意外结果”到“主动掌控”

笔记

你有没有在写JS代码时遇到过这些“迷惑行为”？比如明明写了 1 + "1"，结果得到的是 "11" 而不是 2；或者用 == 比较 "" 和 0，居然得到 true；又或者明明变量是 null，和 undefined 比较却返回 true…… 这些“不按常理出牌”的结果，其实都和JavaScrip

笔记

你可能在代码里见过类似 a <<= 2或者 b >>= 1这样的写法，看起来像数学里的「大于等于」符号被拆开了？其实这是 JavaScript 中的移位赋值运算符。它的作用听起来有点玄乎——通过「移动二进制位的位置」来快速完成计算。别被「二进制位」「移位」这些词吓到，我们用生活中的例子一步步拆解，

笔记

你是不是在学JavaScript时见过别人写 2 ** 3，却不知道这行代码是什么意思？或者想算“一个数的几次方”，却还在用循环乘来乘去？今天咱们就聊聊JavaScript里的取幂运算符 **——它和你数学课里学的“幂运算”是一对好搭档，看完这篇你能彻底搞懂怎么用。一、先回忆：数学里的“幂”是什么

笔记

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

笔记

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

笔记 HTML

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

笔记

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

笔记

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

笔记

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

笔记

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