从0开始的前端探索-CSDN博客

原创 DOM学习

DOM（文档对象模型）将HTML解析为由节点组成的树形结构，允许通过JavaScript动态操作网页元素。基础操作包括：获取元素（getElementById/querySelector等）、修改内容（textContent/innerHTML）、调整样式（style/classList）和属性。高级技巧涉及事件委托（减少事件绑定）、批量操作（DocumentFragment减少重排）和动态创建/删除元素。新手需注意DOM加载时机、伪数组转换、innerHTML安全等问题。掌握这些核心概念（查找→操作→优化

2025-08-01 20:00:00 1142

原创 ES6+

ES6+新特性为JavaScript开发带来重大革新，主要包括：let/const块级作用域变量声明、简洁的箭头函数、支持变量嵌入的模板字符串、便捷的解构赋值、数组/对象扩展运算符、处理异步的Promise对象，以及async/await异步编程语法糖。这些特性使代码更简洁、可读性更强，能显著提升开发效率。掌握这些现代语法是前端开发进阶的关键，建议通过实践应用来加深理解，为构建复杂Web应用奠定基础。

2025-07-31 20:00:00 732

原创 JavaScript下篇

JavaScript进阶指南：从事件处理到数据存储摘要：本文重点讲解JavaScript进阶开发中的两大核心技能：事件监听与数据处理。首先介绍事件处理机制，包括onclick、oninput、onload等常用事件的监听方法，强调动态绑定的优势，并讲解事件对象(event)的使用。其次详细说明浏览器本地存储方案localStorage和sessionStorage的区别与用法，以及JSON转换技巧。最后分享数组(map/filter/reduce)和对象处理的高效方法，为开发交互式网页应用提供实用指导。

2025-07-30 19:30:00 1914

原创 JavaScript上篇

JavaScript是网页交互的核心技术，能实现用户互动、动态修改内容、表单验证及异步数据交互。代码可内嵌HTML、写在script标签或外部文件，由浏览器引擎解释执行。基础操作包括获取元素（ID/标签名/类名/CSS选择器）、修改内容（innerHTML/textContent）和样式（style属性）、添加事件监听（如onclick）。掌握这些语法可实现基本网页交互，为深入开发奠定基础。

2025-07-29 20:30:00 909

原创 CSS下篇

作为前端新手，掌握了 CSS 的基础知识后，就该向进阶内容发起挑战了。今天，我们就来好好聊聊 CSS 进阶中的三个重要部分：响应式布局与 @media 媒体查询、CSS 动画以及 CSS 预处理器（Saas/LESS）。

2025-07-28 21:30:00 992

原创 CSS中篇

flex 布局，全称弹性布局（Flexible Box Layout），是 CSS3 中引入的一种新的布局模式。它主要通过给容器设置相关属性，来控制容器内部子元素的排列方式。相比传统的浮动布局和定位布局，flex 布局更加灵活、直观，尤其适合响应式设计。简单来说，使用 flex 布局时，我们会有一个 “容器”，容器里面的元素被称为 “项目”。容器就像一个弹性的盒子，项目会根据容器的设置，以弹性的方式进行排列。

2025-07-27 19:51:03 1882

原创 CSS上篇

CSS是网页的"化妆师"，负责美化HTML搭建的网页结构。CSS样式有三种添加方式：1)行内样式（直接写在标签内，优先级最高）；2)内部样式（写在HTML的<style>标签中）；3)外部样式（单独.css文件，可复用）。CSS选择器是关键，包括元素选择器（如p{...}）、类选择器（如.special{...}）和ID选择器（如#logo{...}），优先级依次递增。掌握这些基础是学习网页美化的第一步。

2025-07-26 20:00:00 859

原创 HTML补充（常用标签整理）

本文介绍了HTML常用标签的分类与功能：1.文本内容标签（h1-h6标题、p段落、br换行、hr横线、strong/b加粗、em/i斜体）；2.媒体标签（img图片、a链接）；3.容器标签（div块级、span行内）；4.列表标签（ul无序、ol有序列表）；5.表单标签（form表单容器、input输入框等）；6.HTML5语义化标签（header页头、nav导航、main主体、article独立内容、section区块、footer页脚等）。这些标签共同构成了网页的基本结构和内容展示方式。

2025-07-25 21:00:00 1935

原创 HTML的学习

你可以把HTML理解成“网页的骨架设计师”。HTML 就是用简单的“标签”（比如写个 <h1> 就告诉浏览器“这是大标题”，写 <img> 就说“这里要插图片”）来给内容定规矩，让浏览器知道该怎么把内容有条理地展示出来。没有 HTML 的话，网页就像一堆没组装的乐高零件：文字、图片、按钮全堆在一起，乱糟糟的看不清。有了 HTML，这些内容才能变成“有头有尾、该大的大、该小的小”的完整页面。简单说：HTML 是前端的“地基”，也是小白能最快上手、最快感受到“编程乐趣”的起点。先把它学会，后面的路会顺很多。

2025-07-25 20:00:00 689

原创一个前端小白的学习路径规划1（叠甲：还有很多不懂的地方，不全面的后面慢慢补充）

6.1、学会监听用户行为（事件处理） button onclick=‘某函数’、oninput、onload。2、准备浏览器Chrome/Edge（F12开发者工具的“Console”面板是核心-写JS代码、查看运行）3、学习HTML常用标签，以及标签的基本规则（遇到不懂标签，MDN网站的教程很权威）3、CSS的灵魂--选择器元素选择器、类选择器、ID选择器以及优先级和组合使用。4、性能优化与复杂场景（减少DOM操作、DOM遍历与筛选）5、补充JS基础语法，变量、数据类型、条件判断。

2025-07-24 22:42:11 381 1