Doris893-优快云博客

原创【JS】JS进阶--编程思想、面向对象构造函数、原型、深浅拷贝、异常处理、this处理、防抖节流

JavaScript 进阶知识涵盖了面向对象编程的核心概念、原型系统、高级函数技巧以及性能优化策略。掌握这些内容对于编写高质量、可维护的 JavaScript 代码至关重要：面向对象思想帮助组织复杂代码结构、原型与继承是 JavaScript 独特而强大的特性深浅拷贝正确处理对象复制，避免意外修改、异常处理提升代码健壮性、this 机制是理解、JavaScript 执行上下文的关键、防抖节流优化高频事件性能

2025-12-16 23:40:23 638

原创【JS】JS进阶--对象与内置构造函数

本文介绍了JavaScript中对象的基础知识、创建方式以及构造函数的使用。主要内容包括：对象创建：三种方式（字面量、new Object()、构造函数）及其特点构造函数：特点、实例化过程、实例成员与静态成员的区别内置构造函数： Object：常用静态方法如keys()、values()、assign() Array：实例方法分类（遍历、查找、判断、操作）文章通过对比表格和代码示例，系统讲解了JavaScript对象的核心概念，适合快速掌握对象创建与操作方法。

2025-12-07 22:57:00 940

原创【JS】JS进阶--作用域、函数、解构赋值、数组方法

本文介绍了JavaScript中的核心概念：作用域、内存管理和函数进阶。在作用域部分，阐述了局部作用域（函数/块作用域）和全局作用域的区别，以及作用域链的变量查找机制。内存管理章节讲解了垃圾回收机制（引用计数/标记清除）和闭包的特性与应用，同时指出闭包可能导致的内存泄漏问题。最后在函数进阶部分，分析了变量提升、函数提升现象，以及函数参数的多种处理方式（默认参数、动态参数arguments、剩余参数）。

2025-12-06 23:36:40 1096

原创【JS】Web APIs BOM与正则表达式详解

本文档系统梳理了Web APIs BOM和正则表达式的核心知识点，涵盖：1. BOM操作：窗口控制、导航、历史记录2. 存储机制：localStorage、sessionStorage及JSON处理3. 数组方法：map、join等高级函数4. 正则表达式：语法、元字符、应用场景5. 表单交互：验证、事件处理、用户体验优化

2025-12-02 21:54:38 1003

原创【JS】JavaScript Web APIs DOM详解

文档涵盖事件监听、事件类型、事件对象、环境对象、回调函数、事件流、事件委托、其他事件（页面加载、滚动、尺寸）、日期对象、DOM节点操作等内容，这份文档涵盖了Web APIs的核心概念，从基础的事件监听到高级的节点操作，提供了完整的知识体系和实用示例。

2025-11-27 21:21:45 1418

原创【JS】Web APIs 的核心概念+DOM获取元素

本文涵盖了 Web APIs 的核心概念和 DOM 操作的基本方法，包括：DOM 的基本概念和作用、获取 DOM 元素的多种方式、操作元素内容、样式和属性、定时器的使用和管理、变量声明的最佳实践。掌握这些基础知识是进行前端交互开发的基础，为进一步学习事件处理、动画效果等高级内容打下坚实基础。

2025-11-25 16:57:58 681

原创【JS】JavaScript 函数与对象详解

本文介绍了JavaScript函数基础和对象操作的核心概念。函数部分包括声明方式（具名函数、函数表达式、立即执行函数）、参数处理、返回值特性及作用域规则。对象部分涵盖属性操作（访问、修改、删除）、方法定义、遍历技巧（for...in）以及数组对象处理。文章还涉及逻辑运算（&&/||中断）和类型转换规则，强调代码封装复用和变量作用域链的访问原则。通过示例代码展示了JavaScript中函数与对象的常见用法和最佳实践。

2025-11-23 23:33:49 1308

原创【JS】JavaScript 运算符、流程控制、数组操作

本文介绍了JavaScript中的运算符、流程控制语句和和数组操作。主要内容包括：算术运算符、赋值运算符、自增/自减运算符、比较运算符和逻辑运算符的使用方法；流程控制中的分支语句（if/else、switch）和循环语句（for、while）的语法与应用场景；以及运算符优先级和循环控制语句（break、continue）的使用技巧。

2025-11-22 10:05:00 684

原创【JS】JavaScript 基础入门

这份文档涵盖了 JavaScript 的基础知识，包括语法、变量、数据类型和类型转换等核心概念，为后续学习更高级的 JavaScript 特性打下坚实基础。

2025-11-20 11:24:22 727

原创【CSS】CSS移动端适配与响应式布局全面指南

本文系统介绍了移动端开发的核心技术与适配方案。主要内容包括：1) 移动端基础概念，如视口设置与像素比；2) 主流适配方案，详细解析vw/vh和rem两种单位的使用方法及转换公式；3) 响应式布局实现方式，包括媒体查询和Bootstrap框架应用；4) 移动端特殊样式处理技巧。文章通过代码示例展示了不同适配方案的具体实现，帮助开发者掌握移动端开发的关键技术。

2025-11-16 17:33:46 901

原创【CSS】SVG动画+clip-path裁剪+filter滤镜+backdrop-filter背景滤镜+CSS变量和计算函数+vw/vh

本文系统介绍了SVG矢量图形与高级CSS动画技术，包括SVG基础结构、尺寸控制与CSS属性应用，重点解析了描边动画、填充动画的实现方法。同时详细阐述了CSS裁剪遮罩、变换滤镜、现代动画时间线（滚动/视图驱动）、CSS变量计算及视口单位等核心技术，最后提供了性能优化、兼容性处理和可访问性等实践建议。这些技术组合为创建动态、响应式的现代Web界面提供了完整的解决方案，开发者可根据项目需求灵活选用。

2025-11-08 23:12:05 1033

原创【CSS】CSS变换与动画详解

CSS变换与动画技术通过transform和transition属性实现元素的移动、旋转、缩放等2D/3D效果，结合@keyframes关键帧动画可创建复杂动态效果。transform提供平移、旋转、缩放、倾斜等基础操作，transition控制过渡效果，animation系统支持关键帧动画定义与播放控制。高级技巧包括3D透视、逐帧动画、渐变背景等，配合现代CSS选择器如:has()可实现更智能的样式控制。这些技术共同构建了现代化的网页交互体验。

2025-11-07 15:05:28 689

原创【CSS】CSS布局对比总结（脑图+表格）

这篇文章对比了四种常见的网页布局方法：多列布局、Flexbox、Grid和Float布局。分析显示，多列布局适合文本内容但控制力有限；Flexbox擅长一维布局；Grid提供强大的二维控制能力但学习难度较大；Float布局兼容性好但功能简单。每种方法各有优劣，需根据具体场景选择，如长文本用多列，导航栏用Flexbox，复杂页面选Grid，简单混排可用Float。

2025-11-04 19:24:44 215

原创【CSS】CSS布局全面解析

本文系统介绍了CSS核心布局技术，涵盖六大布局模式、常见问题解决方案及最佳实践。主要内容包括：基础概念：标准流、盒模型、布局转换传统布局：浮动定位与清除浮动技巧现代布局：Flexbox一维布局和Grid二维布局定位体系：5种定位方式及应用场景实用技巧：文本溢出、图片处理、滚动条优化等响应式设计：布局模式选择与代码规范重点对比了Flexbox与Grid的适用场景，详解了"子绝父相"等经典技巧，并提供了圣杯布局等实用代码片段。通过掌握这

2025-11-04 19:05:08 1295

原创【CSS】盒子模型

本文全面介绍CSS盒子模型，涵盖基础概念、布局技巧和高级应用。核心内容包括：盒子模型构成：content-padding-border-margin四层结构显示类型特点：block/inline/inline-block元素的宽高及边距处理差异关键布局技术：水平居中方案、外边距合并与塌陷的解决方案尺寸计算方式：content-box与border-box两种盒模型计算规则高级视觉效果：背景渐变、阴影、过渡动画等现代CSS特性文章通过代码示例详细演示各类属性的使用方法，并提供样式初始化建议和实用工

2025-10-29 22:13:54 1442

原创【CSS】CSS三大特性

CSS的核心特性包括继承、层叠和优先级。继承使子元素自动获取父元素的文本相关样式；层叠通过来源和顺序决定冲突样式的应用；优先级则通过(a,b,c,d)权重模型量化选择器的重要性。三者协同工作：先继承父元素样式，再应用直接规则，最后通过优先级和层叠解决冲突。理解这三大特性是掌握CSS样式的关键基础。

2025-10-28 23:05:05 533

原创【CSS】CSS选择器对比总结（脑图+表格）

本文对比分析了12种CSS选择器的特性。从类型选择器、类选择器到伪类和属性选择器，详细说明了每种选择器的语法示例、选择范围、优先级、性能表现及浏览器兼容性。

2025-10-27 21:59:46 339

原创【CSS】CSS选择器+文本样式

本文系统介绍了CSS选择器与文本样式应用，包含三大核心内容：1. CSS引入方式：行内样式、内部样式和外部样式三种方法；2. CSS选择器体系：详细解析基础选择器（类型、类、ID、通配符）、关系选择器（后代、子代、兄弟）、伪类选择器和属性选择器等7大类选择器；3. 文本样式控制：涵盖字体样式、文本布局及继承特性。文中通过具体代码示例展示了各类选择器的实际应用场景，为前端开发提供了完整的CSS样式操作指南。掌握这些基础知识对网页设计具有关键作用。

2025-10-27 21:40:44 1282

原创【HTML】标签使用

HTML5新增语义化标签（header、nav等）提升可读性和SEO。核心标签包括：标题(h1-h6)、段落(p)、媒体(img/video/audio)、列表(ul/ol/dl)、表格(table)、表单(form/input/select)等。特殊功能标签包含超链接(a)、字符实体、HTML5新标签(progress/datalist)等。表单元素需注意name属性、输入类型和提交方式。语义化标签和合理嵌套能优化网页

2025-10-26 14:28:52 838