codezxhy的博客

Webpack是前端工程化中的核心工具，用于静态模块打包。它将项目中的HTML、CSS、JS等文件构建成依赖图，最终生成优化后的静态资源。配置webpack需要设置入口/出口路径，使用插件处理HTML、CSS（支持Less/Sass）、图片等资源，并可提取和压缩CSS代码。开发环境通过webpack-dev-server实现热更新，生产环境则优化代码体积。Webpack支持两种打包模式：开发模式（实时调试）和生产模式（代码压缩），可通过配置文件或命令行参数切换，是现代化前端项目构建的必备工具。

本文摘要介绍了JavaScript中正则表达式、作用域与闭包、函数特性等核心概念。正则表达式部分讲解了基本语法、元字符分类（边界符、量词、字符类）和修饰符的使用。作用域部分详细说明了局部作用域（函数/块级）、全局作用域、作用域链和垃圾回收机制（引用计数/标记清除）。函数特性包括变量提升、函数提升、参数处理（动态参数/剩余参数）、展开运算符，以及箭头函数的简化语法、参数特性和this绑定规则。文中通过代码示例演示了闭包实现数据私有化的典型应用，并对比了普通函数与箭头函数的差异。

DOM基本操作指南：文章介绍了DOM（文档对象模型）的概念、获取元素节点的方法（如querySelector和getElementById等）、操作元素内容和属性的技巧（innerText与innerHTML的区别、样式修改等）。详细讲解了节点操作方法（增删改查）、元素尺寸位置获取（client/offset/scroll系列属性）以及日期对象的使用（实例化、方法调用和时间戳获取）。通过代码示例展示了如何利用JavaScript动态操作网页内容，实现与HTML文档的交互。

JavaScript是一种轻量级脚本语言，核心为ECMAScript语法（变量、循环、对象）和Web APIs（DOM/BOM）。代码可内、外联，推荐放HTML底部。注释分单行(//)与多行(/* */)。标识符须以字母、_或$开头，建议驼峰命名。数据类型分基本类型（Number, String, Boolean等，存栈）和引用类型（对象，存堆）。

本文介绍了字体图标、平面转换、渐变、空间转换、动画以及移动端适配布局等关键技术。主要内容包括：字体图标的Unicode和类名两种使用方法；2D转换（位移、旋转、缩放）和3D转换（位移、旋转、缩放）的实现；使用Flex弹性布局实现响应式页面；通过rem和vw/vh单位实现移动端适配；以及Less预处理器增强CSS功能。这些技术为开发现代网页提供了全面的解决方案。

CSS盒子模型是网页布局的核心概念，将每个元素视为由内容(content)、内边距(padding)、边框(border)和外边距(margin)组成的矩形区域。内容区域通过width/height设置，边框可自定义样式，内边距控制内容与边框间距，外边距管理元素间隔。清除默认内外边距可避免浏览器预设样式干扰。浮动布局能实现元素水平排列，但会导致父元素高度塌陷，可通过设置父元素高度、额外标签法或伪元素清除法解决。理解盒子模型和浮动特性对网页布局至关重要。

本文系统介绍了CSS基础知识，包括CSS概述、选择器、字体文本样式、背景属性、元素显示模式和CSS特性六大部分。CSS作为层叠样式表，主要通过标签、类、ID等选择器为HTML元素设置样式。文章详细讲解了各类选择器的语法和使用场景，如后代选择器、子代选择器等复合选择器，以及hover伪类选择器。在样式设置方面，重点介绍了字体、文本、行高等属性，并对比了不同颜色表示方法。背景属性部分涵盖了背景颜色、图片、平铺和位置等设置。元素显示模式分析了块级、行内和行内块元素的区别及转换方法。最后阐述了CSS的继承性、层叠性

本文介绍了HTML常用标签的分类及使用方法。主要包括：排版标签（标题、段落、换行等）、文本格式化标签（加粗、倾斜等）、媒体标签（图片、音频、视频）、链接标签、列表标签（无序、有序、自定义）、表格标签（基本结构、标题、合并单元格等）。每种标签都给出了使用场景、语法特点和常用属性说明，并配有示例代码和效果图，帮助开发者快速掌握HTML基础标签的应用技巧。

本文介绍了网页、浏览器和HTML的基本概念。网页由前端代码经浏览器解析渲染而成，包含文字、图片等元素。Chrome是全球市场份额最大的浏览器，不同浏览器使用不同内核导致渲染差异。Web标准通过结构(HTML)、表现(CSS)和行为(JavaScript)三层分离实现统一显示效果。HTML作为超文本标记语言，通过标签描述网页内容，其骨架结构包括html、head、body等标签，并支持注释和属性设置。标签间存在父子或兄弟两种关系。