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

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

累计撰写 117 篇文章
累计创建 120 个标签
累计收到 1 条评论

目录CONTENT

精品分类

全部分类

最新文章

2025-08-23
HTML5核心特性-第6章-6.1-localStorage与sessionStorage 一、核心概念与应用场景 localStorage和sessionStorage是HTML5提供的客户端存储方案，用于在浏览器中保存键值对数据，替代传统Cookie的局限性（存储容量小、每次请求携带）。两者均遵循同源策略（仅同一协议、域名、端口下可访问），但在存储周期和作用域上存在关键差异：特性 l
- 2025-08-23
- 18
- 0
- 0
- HTML5+CSS3教程
2025-08-22
响应式图片：前端性能优化的隐形引擎在Web性能优化的世界里，图片始终是“流量大户”——据统计，一个普通网页的加载流量中，图片占比可达60%以上。这意味着：如何高效加载图片，直接决定了用户的等待时间和体验满意度。而“响应式图片”（Responsive Images）正是解决这一问题的核心技术。它不是某种“炫技”的代码技巧，而是W3C
- 2025-08-22
- 21
- 0
- 0
- 笔记
- HTML
2025-08-21
JavaScript入门必学3：if条件判断核心逻辑——比较运算符与逻辑运算符详解开篇：点外卖时的「隐形判断」，你每天都在做想象你晚上点外卖，页面显示「预计30分钟送达」。你心里会默默做几个判断：「现在已经7点了，30分钟后是7:30，还没到睡觉时间」→ 可以下单「如果下雨的话，配送时间可能延长到45分钟」→ 需要看天气这些「如果…就…」「不…就…」的思考过程，在Java
- 2025-08-21
- 48
- 0
- 0
- 笔记
2025-08-20
JavaScript入门必学2：变量赋值从`=`到`+=`的快捷操作让代码更高效开篇：你给手机充电的方式，和代码赋值很像想象你有一部手机，电量是0%。当你插上充电器时，相当于执行了一次「赋值操作」——把充电器提供的电量（比如+20%）存到手机的电量变量里。在JavaScript中，变量就像手机的「电量槽」，而赋值运算符就是帮你「给槽里充电」的工具。上一篇我们学会了用算术运算
- 2025-08-20
- 20
- 0
- 0
- 笔记
2025-08-19
JavaScript入门必学1：加减乘除和基础算术运算符开篇：为什么这些符号是编程的第一块积木？想象你刚开始学说话时，首先学会的是"爸爸"、"妈妈"这些基础词汇。在JavaScript世界里，+、-、*、/ 这些运算符就是你的"编程基础词汇"——它们是你用代码表达数学计算能力的起点。无论是计算购物车总价、游戏得分，还是处理时间日期，算术运算符都是你最
- 2025-08-19
- 25
- 0
- 0
2025-08-18
HTML5核心特性-第5章-5.3-Canvas绘图基础一、学习目标掌握Canvas元素的基本使用方法，包括获取绘图上下文熟悉2D绘图API的常用方法（矩形、路径、文本绘制）能够实现简单的图形绘制和动态效果二、概念讲解 Canvas是HTML5引入的绘图元素，通过JavaScript可以在其上面绘制2D图形、动画、图表等。它提供了一个矩形区域，开
- 2025-08-18
- 16
- 0
- 0
- HTML5+CSS3教程
2025-08-17
HTML5核心特性-第5章-5.2-原生音频播放（audio）一、概念定义 HTML5通过<audio>标签提供原生音频播放功能，无需依赖Flash等插件，支持多种音频格式（MP3、WAV、Ogg等），并提供基础播放控制（播放/暂停、音量调节等）。相较于传统插件方案，原生音频播放具有更高的兼容性、更低的性能消耗和更灵活的定制能力。二、语法规则 2.1 基础语
- 2025-08-17
- 20
- 0
- 0
- HTML5+CSS3教程
2025-08-17
HTML5核心特性-第5章-5.1-原生视频播放（video）一、概念定义 HTML5 <video> 标签提供了原生视频播放功能，无需依赖第三方插件（如Flash），支持多种视频格式和自定义控制，是现代网页中嵌入视频的标准解决方案。其核心价值在于简化多媒体集成流程，提升跨设备兼容性和用户体验。二、语法规则 2.1 基础语法结构 <video src=
- 2025-08-17
- 27
- 0
- 0
- HTML5+CSS3教程
2025-08-16
生活里的“如果…就…否则…”，在代码里怎么写？聊聊JavaScript的if...else 你有没有过这样的经历？早上出门前看天气预报：“如果下雨，就带伞；否则，带防晒帽。” 或者点奶茶时想：“如果加珍珠，总价加3元；否则，按原价。” 这些日常决策的逻辑，在编程里有个专门的工具来处理——它就是今天要讲的 if...else 语句。别被名字吓到，其实它的思路和你说“如果…就…”的逻辑几乎一
- 2025-08-16
- 19
- 0
- 0
- 笔记
2025-08-15
JavaScript标点符号指南：分号、引号那些容易踩的坑刚开始学JavaScript时，很多同学会被一些「看起来简单」的符号搞晕：写代码时到底要不要加分号？单引号、双引号、反引号有什么区别？随便选一个不行吗？为什么有时候用反引号会报错？别着急，这篇文章用最贴近日常的场景，帮你理清楚这些符号的使用规则，避开90%的新手坑。一、分号：JS的「断句符
- 2025-08-15
- 36
- 0
- 0
- 笔记
2025-08-15
写代码时，为什么总有人提醒你用严格相等运算符 `===` 而不是 `==`？最近学JavaScript的朋友问我：“我看别人写代码总用 ===，但我之前学的 == 不也能比较相等吗？一定要换吗？” 这个问题特别常见，今天咱们就用最直白的方式聊清楚——严格相等运算符 === 到底有什么特别之处，以及为什么它更值得被推荐。先想个生活问题：你买的奶茶到底是不是一杯？假设你现在
- 2025-08-15
- 37
- 0
- 0
- 笔记
2025-08-14
从数苹果说起：JavaScript里的while循环，到底怎么用？一、为什么我们需要“循环”？假设你是个水果店老板，早上进了10箱苹果，需要逐箱检查有没有坏果。这时候你会怎么做？是一本正经地数“第1箱、第2箱……第10箱”，还是找个办法让动作重复起来？显然，“重复检查”是更高效的选择。在编程里，这种“重复做某件事”的需求，就需要用到循环结构。 JavaScri
- 2025-08-14
- 17
- 0
- 0
- 笔记
2025-08-14
JavaScript循环全解析：从基础for循环到for...of/in的高级用法在前一篇文章中，我们详细讲解了JavaScript中最基础的for循环结构。现在你已经掌握了基本的循环技巧，是时候向更高级的循环用法迈进了。本文将带你了解JavaScript中其他几种重要的循环方式，它们各有特点，适用于不同的场景。一、为什么需要了解多种循环方式？在实际开发中，我们面对的数据结构
- 2025-08-14
- 23
- 0
- 0
- 笔记
2025-08-14
JavaScript中的for循环详解：从入门到精通对于刚开始学习JavaScript的朋友来说，理解循环结构是掌握编程逻辑的关键一步。今天我们就来深入聊聊JavaScript中最基础也最重要的控制结构之一——for循环（循环：让一段代码重复执行多次的机制）。一、为什么需要循环？在编程中，我们经常需要重复执行某些操作。比如：遍历（遍历：逐个访问
- 2025-08-14
- 5
- 0
- 0
- 笔记
2025-08-13
从一道练习题彻底搞懂 JavaScript 的自增运算符在学习 JavaScript 的过程中，自增运算符 ++ 是一个看似简单却容易让人踩坑的知识点。很多同学第一次接触时，虽然知道它能“让变量加 1”，但在实际代码里，尤其是遇到前置 ++a 和后置 a++ 的区别时，常常会一脸懵：“为什么同样的 ++，结果却不一样？” 今天我们就通过一道经典的练习题，
- 2025-08-13
- 7
- 0
- 0
- 笔记

1
2
3
4
5
...
8