星野集-个人编程学习与开发笔记归档|站长博客

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

笔记

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

JavaScript移位赋值运算符：用「挪位置」的方式快速计算？

笔记

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

JavaScript里的取幂运算符：算平方、开根号，一行代码搞定

笔记

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

CSS3核心特性-第8章-8.1-边框与背景增强

HTML5+CSS3教程

一、学习目标掌握CSS3边框增强属性（border-radius、box-shadow）的语法与取值理解线性渐变（linear-gradient）和径向渐变（radial-gradient）的实现原理能够使用背景增强属性（background-size、background-clip）实现复杂

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

笔记

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

CSS3核心特性-第7章-7.3-伪元素与优先级计算

HTML5+CSS3教程

一、伪元素（Pseudo-elements） 1.1 核心概念伪元素是CSS中用于创建并设置文档中特定部分样式的虚拟元素，它们不存在于DOM中，但表现得如同真实元素。伪元素以**双冒号::**为前缀（CSS3规范），用于区分伪类（单冒号:）。核心作用：生成装饰性内容（如图标、分隔线）操作文本

给编程小白的「数组遍历」指南：JavaScript的.forEach()怎么用？

笔记

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

CSS3核心特性-第7章-7.2-属性选择器与伪类

HTML5+CSS3教程

学习目标掌握CSS3属性选择器的语法及使用场景理解并应用常见伪类选择器（如:nth-child()、:not()等）能够结合属性选择器与伪类实现复杂选择逻辑概念讲解 CSS3选择器是样式定位的核心工具，属性选择器和伪类选择器极大扩展了选择能力。属性选择器允许通过HTML元素的属性或属性值筛选

当我在代码里种「思维树」：一个编程学习者的认知生长手记

思与学

那个卡在「Hello World」之外的下午去年夏天，我对着屏幕坐了三小时。键盘上落着半凉的咖啡渍，IDE里躺着刚抄完的「用户登录功能」代码——从数据库查询到密码加密，每一行都和教程分毫不差。但当我输入账号密码点击提交时，页面始终跳着刺眼的红色报错：「SQL注入风险」。我盯着报错信息发懵。明明按

CSS3核心特性-第7章-7.1-基础选择器与组合选择器

HTML5+CSS3教程

学习目标掌握CSS基础选择器（元素、类、ID选择器）的语法与使用场景理解组合选择器（后代、子元素、相邻兄弟等）的匹配规则能够通过选择器组合实现复杂元素定位区分不同选择器的优先级与性能影响概念讲解 CSS选择器是用于定位HTML元素并应用样式的模式。基础选择器通过元素类型、类名或ID直接匹配

HTML5核心特性-第6章-6.3-离线缓存（Application Cache）

HTML5+CSS3教程

学习目标理解Application Cache的核心作用及工作原理掌握缓存清单（manifest文件）的创建与配置方法实现基础的离线资源缓存与更新策略了解Application Cache的兼容性问题及替代方案概念讲解离线缓存（Application Cache）是HTML5提供的一种

HTML5核心特性-第6章-6.2-存储方案对比与应用场景

HTML5+CSS3教程

一、存储方案概述 Web开发中常用的客户端存储方案包括Cookie、localStorage、sessionStorage和IndexedDB，它们在存储容量、生命周期、数据类型支持等方面存在显著差异，适用于不同的业务场景。选择合适的存储方案是优化用户体验和数据处理效率的关键。二、四大存储方案核心

HTML5核心特性-第6章-6.1-localStorage与sessionStorage

HTML5+CSS3教程

一、核心概念与应用场景 localStorage和sessionStorage是HTML5提供的客户端存储方案，用于在浏览器中保存键值对数据，替代传统Cookie的局限性（存储容量小、每次请求携带）。两者均遵循同源策略（仅同一协议、域名、端口下可访问），但在存储周期和作用域上存在关键差异：特性 l

置顶
html5+css3基础入门-第1章-1.1-Web开发概述

置顶
键盘上的人生重启：我见过的那些"大龄"程序员逆袭故事

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

JavaScript移位赋值运算符：用「挪位置」的方式快速计算？

JavaScript里的取幂运算符：算平方、开根号，一行代码搞定

CSS3核心特性-第8章-8.1-边框与背景增强

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

CSS3核心特性-第7章-7.3-伪元素与优先级计算

给编程小白的「数组遍历」指南：JavaScript的.forEach()怎么用？

CSS3核心特性-第7章-7.2-属性选择器与伪类

当我在代码里种「思维树」：一个编程学习者的认知生长手记

CSS3核心特性-第7章-7.1-基础选择器与组合选择器

HTML5核心特性-第6章-6.3-离线缓存（Application Cache）

HTML5核心特性-第6章-6.2-存储方案对比与应用场景

HTML5核心特性-第6章-6.1-localStorage与sessionStorage

置顶 html5+css3基础入门-第1章-1.1-Web开发概述

置顶 键盘上的人生重启：我见过的那些"大龄"程序员逆袭故事

置顶
html5+css3基础入门-第1章-1.1-Web开发概述

置顶
键盘上的人生重启：我见过的那些"大龄"程序员逆袭故事