
WEB
文章平均质量分 95
聚焦 CSS 布局、JavaScript 交互,深挖 DOM 结构操控 与 BOM 浏览器交互底层逻辑。从基础语法到实战场景,用最简案例讲透 Web 前端核心基石,打通页面渲染、交互响应的技术脉络,快速搭建清晰的前端知识体系 。
重生之我是Java开发战士
2024级网络工程学生,利用博客记录日常学习,梦想是成为Java开发工程师。颤抖吧!JVM!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【WEB 】从零实现一个交互轮播图(附源码)
通过html,css和JavaScript搭建轮播图。详细介绍了各个功能如何实现,适合初学者食用原创 2025-07-22 22:22:00 · 2981 阅读 · 20 评论 -
【WEB】BOM 浏览器对象模型解析(二)
本文围绕BOM核心功能展开详解,涵盖五大板块。一是history对象,包括基础导航方法及HTML5新增的pushState、replaceState。二是弹窗与窗口控制,介绍alert等原生弹窗及open、close方法的窗口操作。三是定时器,解析setTimeout和setInterval的用法及this指向问题。四是本地存储,对比localStorage与sessionStorage的异同及操作方法。五是BOM事件,涉及resize、scroll等事件监听。原创 2025-07-22 08:29:54 · 756 阅读 · 1 评论 -
【WEB】BOM 浏览器对象模型解析(一)
本文围绕BOM(浏览器对象模型)展开,介绍其作为JavaScript与浏览器窗口交互接口的核心概念。阐述BOM以window对象为核心的结构,涵盖window、location、navigator、screen等核心对象。详解各对象的属性与方法,如window控制窗口、location操作URL、navigator获取浏览器信息、screen提供屏幕数据,还涉及实战技巧,展现BOM在浏览器交互中的关键作用。原创 2025-07-21 14:01:48 · 898 阅读 · 0 评论 -
【WEB】DOM (五)进阶实践—— 事件处理与性能优化
本文围绕DOM事件处理与性能优化展开。事件处理部分介绍了事件流三阶段,三种绑定方式(HTML属性、DOM属性、addEventListener)及事件对象,还涵盖常见事件类型与事件委托。性能优化则从减少操作次数、避免频繁查询、使用高效选择器等多方面,给出优化策略,助力提升前端性能。原创 2025-07-21 12:09:14 · 3033 阅读 · 5 评论 -
【WEB】DOM (四)核心操作 ——节点操作(增删替换)
本文围绕DOM节点的增删改查展开,详解创建、添加、删除、替换、克隆节点的方法,如createElement创建元素、appendChild添加节点等。还介绍现代方法及兼容性,强调批量操作的性能优化技巧,如用DocumentFragment减少重排,帮助开发者高效掌握DOM节点操作,提升前端交互实现能力。原创 2025-07-20 20:57:07 · 846 阅读 · 0 评论 -
【WEB】DOM(三)核心操作—— 属性与样式
本文围绕DOM的属性与样式操作展开详细介绍。属性操作方面,涵盖直接操作标准属性的方法,说明其命名规则与注意事项;还讲解了setAttribute、getAttribute等通用方法及data-*数据属性的使用,特别强调class属性可通过className和classList处理。体现样式与行为分离的优势,为DOM操作提供全面指导。原创 2025-07-20 14:52:26 · 1230 阅读 · 1 评论 -
【WEB】CSS过渡,变形与动画详解
本文聚焦CSS中的过渡(transition)、变形(transform)和动画(animation)三大核心特性,解析它们如何为网页赋予动态生命力。文中将梳理三者的基础语法与核心用法:过渡实现元素状态的平滑切换,变形通过旋转、缩放等改变元素形态,动画则支持更复杂的序列式动态效果。同时,结合实用场景对比三者差异,帮助开发者理解何时该用过渡增强交互、何时借变形塑造视觉层次、何时靠动画讲述完整动态故事,最终掌握让网页从静态展示升级为生动交互体验的关键技巧。原创 2025-07-11 22:26:45 · 1083 阅读 · 0 评论 -
【WEB】JavaScript 字符串、数组与函数详解
本文详解JavaScript中字符串、数组和函数的核心知识。字符串部分介绍了charAt、concat等常用方法;数组部分涵盖定义、增删元素及join等操作;函数部分则讲解定义、调用、参数及作用域等内容。通过实例解析,助力开发者掌握这些基础概念,提升代码能力。原创 2025-07-14 00:46:11 · 777 阅读 · 0 评论 -
【WEB】JavaScript基础语法从运行机制到核心概念全解析
本文系统梳理了 JavaScript 基础语法知识。首先介绍其运行环境,即浏览器的渲染引擎与 JS 引擎;接着阐述其三大组成部分,包括定义语法标准的 ECMAScript、操作页面元素的 DOM、控制浏览器窗口的 BOM。还讲解了 JS 的三种书写形式及适用场景,分析了变量声明中 var 与 let 的核心区别。此外,详细介绍了 JS 的基本数据类型,特殊数字以及运算符。原创 2025-07-13 19:57:30 · 1154 阅读 · 0 评论 -
【WEB】DOM (一)基础概念 —— 节点与选择
本文详细解析了DOM(文档对象模型)。首先阐释其核心概念,说明DOM是W3C标准,将文档转为树形结构,作为JavaScript与网页内容的桥梁,并区分了DOM与HTML。接着详解节点类型,包括元素、文本等节点及各自属性,还有元素节点特有属性方法。最后介绍DOM选择访问方法,对比传统与现代方法的特点及适用场景,为不同层次开发者提供了深入理解DOM的内容。原创 2025-07-19 20:41:07 · 1656 阅读 · 0 评论 -
【WEB】 深入了解 JavaScript 对象——从基础到常用内置对象
本文围绕JavaScript对象展开,先阐释对象是键值对集合这一基础概念,再介绍对象字面量、new Object()、构造函数三种创建方式,以及遍历对象、检查属性是否存在的方法。还详细讲解了Math对象的各类数学计算方法,和Date对象的创建、时间戳获取及众多日期时间获取、设置方法,助你全面掌握JavaScript对象相关知识,提升开发效率。原创 2025-07-18 23:08:24 · 830 阅读 · 0 评论 -
【WEB】DOM (二)核心操作 —— 内容
本文介绍了 JavaScript 中操作 DOM 元素内容的几种方式。innerHTML 可获取或设置元素的 HTML 内容,能解析标签但有性能、事件丢失及 XSS 风险,需转义用户输入。innerText 与 textContent 用于操作文本,前者取可见文本,后者取所有文本。表单元素通过 value 属性操作值,textarea 的 value 与 innerHTML 有区别。这些是 DOM 操作中常见且重要的内容处理方法。原创 2025-07-20 11:31:11 · 1141 阅读 · 0 评论