Dreamcatcher_AC-CSDN博客

原创慢慢买项目：一站式开发指南

基于MongoDB数据库和Node.js后台的电商系统开发项目。使用Yarn作为包管理工具，采用Gulp进行自动化构建，实现文件压缩、LESS转CSS、图片处理等功能。项目启动需先运行MongoDB数据库，再通过Yarn启动Node.js后台服务。前端开发采用前后端分离模式，通过Swagger自动生成接口文档便于调试。项目展示了如何使用Gulp实现代码压缩、文件监听和自动刷新等功能。开发环境搭建包括Yarn、Gulp等工具的安装配置，以及各种Gulp任务（如JS压缩、LESS处理、图片优化等）的具体实现方法

2026-01-03 09:44:29 1152

原创 Node.js留言板开发全流程解析

留言板的渐进式开发过程，从基础版到数据库版本共5个迭代：留言板1.0：实现基础HTTP服务器，支持静态页面和资源请求留言板2.0：引入动态渲染功能，实现留言的增删查改操作留言板2.1：优化代码结构，封装公共方法（读写数据、重定向）留言板3.0：采用模块化开发，分离路由、业务逻辑和工具函数留言板5.0：改用Express框架和MySQL数据库，实现完整CRUD功能版本展示关键代码片段，包括服务器搭建、路由处理、数据操作和模板渲染等核心功能。系统逐步从文件存储过渡到数据库存储，优化代码结构和开发效率

2025-12-29 11:53:49 512

原创数据库入门：高效数据管理的秘密

本文介绍了数据库的基本概念及其重要性。相比文件存储，数据库具有更好的安全性、查询效率、数据管理能力和海量数据存储优势。数据库分为关系型（如MySQL）和非关系型（如MongoDB）两类，包含database、table、columns和rows等基本术语。文章详细讲解了SQL语句的使用，包括数据库和表的创建删除、数据的增删改查操作，以及条件查询、排序和分页等功能。最后介绍了Node.js中操作MySQL的基本方法和封装db模块的技巧，为前端开发者提供了实用的数据库操作指南。

2025-12-27 20:45:43 1097

原创 Express框架：极简Web开发利器

Express框架是一个基于Node.js的快速、极简的web开发框架。通过app.get()等方法可以轻松注册路由，res.send()自动设置响应类型。Express支持静态资源托管，使用express.static()即可实现。内置的中间件机制允许通过app.use()添加功能，如body-parser处理POST请求参数。此外，Express支持模板引擎（如art-template）和模块化路由设计。其简洁的API设计使开发者能快速构建web应用，同时保持高度可扩展性。

2025-12-27 19:55:55 1098

原创 NodeJS模块化：核心概念与应用指南

Node.js采用CommonJS模块规范，每个JS文件都是独立模块，具有私有作用域。模块分为核心模块、第三方模块和自定义模块三种类型。核心模块直接引入使用，第三方模块需npm安装后使用，自定义模块需通过相对路径引入。模块通过module.exports或exports暴露数据，其中module.exports是主要接口。模块查找规则遵循特定路径搜索顺序，从当前目录node_modules开始逐级向上查找，直至根目录或找到目标模块。require()引入模块时，自定义模块必须添加路径前缀，其他直接模块名引入

2025-12-27 18:39:13 901

原创前端面试高频问题解析

2025-12-24 21:34:45 766

原创前端面试高频13问

const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { // ...(2) //全局前置守卫 }) router.beforeResolve((to, from, next) => { // ...(6) //全局解析守卫 }) router.afterEach((to, from) => { // ...(7) //全局后置守卫 }因此，实现CORS通信的关键是服务器。

2025-12-24 21:29:21 681

原创 Node.js入门：前端工程师必备技能

Node.js是基于Chrome V8引擎的JavaScript运行环境，使JavaScript可以运行在服务端。学习Node.js可以降低语言切换成本，掌握服务端开发能力，并理解前后端协作流程。Node.js可用于开发服务端程序、命令行工具和桌面应用。核心模块包括fs（文件操作）、path（路径处理）、http（创建服务器）等。通过npm管理包依赖，使用art-template渲染动态页面，处理GET/POST请求参数。Node.js与浏览器环境的主要区别在于无法操作DOM/BOM，但能进行文件系统操作。

2025-12-23 11:31:51 805

原创 ES6新特性：JavaScript的华丽蜕变

ES6是JavaScript的重要更新，引入了诸多新特性：let/const变量声明、解构赋值、模板字符串、箭头函数、Set数据结构等。重点包括：1）let/const解决了变量提升和块级作用域问题；2）数组/对象解构简化赋值操作；3）模板字符串支持多行文本和变量插值；4）箭头函数优化语法并绑定this；5）Set实现数据去重。这些特性使JS更适合大型应用开发，提升了代码简洁性和可维护性。掌握ES6是学习现代前端技术的重要基础。

2025-12-23 08:47:03 1106

原创 Git版本控制：高效开发必备利器

版本控制系统(VCS)是记录文件变更历史的工具，主要用于追踪文件修改记录。主要分为本地、集中式(SVN)和分布式(Git)三种类型。Git作为分布式VCS，具有完整备份、离线工作等优势。基本使用包括git init初始化仓库、add/commit提交变更、status/log查看状态等操作。通过分支管理可实现并行开发，远程仓库(gitee)支持代码托管和协作开发。配置SSH可免密登录，提高操作效率。版本控制能有效管理代码变更历史，保障团队协作开发顺利进行。

2025-12-22 21:49:42 1104

原创 Ajax技术：前后端交互全解析

本文介绍了前后端交互中的Ajax技术及相关概念。首先解释了服务器和客户端的基本概念，包括常见的服务器软件和开发语言。随后详细讲解了HTTP协议、请求响应过程，以及动态网页与静态网页的区别。文章重点阐述了Ajax技术的实现原理和使用方法，包括XMLHttpRequest对象的使用、GET/POST请求发送、JSON数据格式的应用等。同时介绍了跨域问题的解决方案，如同源策略、JSONP和CORS技术。最后还提及了XMLHttpRequest2.0的新特性，如表单数据处理、文件上传进度监控等。

2025-12-21 21:03:04 959

原创揭秘JavaScript闭包，继承，正则表达式

本文摘要主要介绍了JavaScript中的闭包、继承和正则表达式三大核心概念。闭包部分详细讲解了其定义、形成条件及应用场景，如私有变量保护和数据持久化。继承部分对比了原型链继承、借用构造函数继承和组合继承的实现方式，并介绍了ES6的class语法。正则表达式部分系统阐述了元字符、边界匹配、量词等语法规则，并通过表单验证等实例展示实际应用。全文通过代码示例和理论结合的方式，帮助读者深入理解这些JavaScript高级特性。

2025-12-20 14:04:54 778

原创 JavaScript面向对象编程完全指南

本文介绍了JavaScript面向对象编程的核心概念和高级特性。主要内容包括：1）对象定义与创建方式（构造函数、字面量、工厂函数）；2）面向对象三大特性（封装、继承、多态）；3）原型与原型链机制；4）函数进阶（定义方式、作用域链、四种调用模式及this指向）；5）上下文调用模式（call/apply/bind）；6）递归函数与深拷贝实现。文章通过大量代码示例详细讲解了JavaScript面向对象编程的核心机制，包括原型继承、作用域链、this绑定等关键概念，适合有一定基础的开发者深入学习。

2025-12-20 12:59:00 1166

原创 jQuery入门：简化DOM操作的利器

本文摘要： jQuery是一个功能强大、轻量级的JavaScript库，它简化了DOM操作、事件处理、动画效果等前端开发任务。相比原生JavaScript，jQuery具有以下优势：简洁的选择器语法和丰富的DOM操作方法自动处理浏览器兼容性问题内置动画效果和隐式迭代特性链式编程和简洁的API设计文章详细介绍了jQuery的核心功能：选择器（CSS选择器、过滤选择器） DOM操作（创建、添加、删除节点）事件处理（on/off方法、事件委托）动画效果等

2025-12-19 06:35:50 1013

原创 JavaScript动画封装实战

本文介绍了JavaScript动画函数封装及轮播图实现的完整过程。主要内容包括：1）通过定时器实现div元素移动动画，封装animate函数处理正向/反向移动及终点判断；2）实现轮播图核心功能，包括动态添加小圆点、无缝滚动、自动播放和点击切换；3）三大家族（offset/scroll/client）的应用场景及区别；4）移动端touch事件处理及区域滚动实现。文中提供了详细代码示例，涵盖动画原理、轮播图常见问题解决方案以及移动端开发技巧。

2025-12-18 11:00:00 1176

原创 BOM核心：Window对象，延时器，定时器等

摘要：本文介绍了BOM（浏览器对象模型）的核心概念，重点讲解了window对象及其常用功能。主要内容包括：1）window.onload入口函数的使用及注意事项；2）setTimeout和setInterval定时器的设置与清除方法；3）location对象的跳转和刷新功能；4）navigator对象获取浏览器信息；5）history对象控制页面历史记录。通过电子表和短信验证码两个案例演示了定时器的实际应用，并分析了this在不同场景中的指向问题。

2025-12-18 06:46:11 904

原创 JavaScript事件注册方式全解析

本文摘要：文章详细介绍了JavaScript中事件处理的两种注册方式（on+事件名和addEventListener）及其优缺点，包括事件移除方法。重点讲解了事件对象(Event)的获取与常用属性（如鼠标位置、键盘码），并演示了拖拽特效和放大镜效果的实现。此外，还分析了事件流的三个阶段（捕获、目标、冒泡）及阻止冒泡的方法(e.stopPropagation())，最后列举了常见的鼠标和键盘事件。通过多个完整案例代码展示了这些核心概念的实际应用。

2025-12-17 13:18:45 1127

原创 WebAPI入门：打造炫酷网页效果

本文系统介绍了Web API的核心概念与应用。主要内容包括：1. Web API基础概念，即浏览器提供的操作网页元素的方法；2. DOM文档对象模型，详细讲解节点获取、属性修改、样式操作等方法；3. BOM浏览器对象模型，介绍浏览器窗口操作；4. 常用事件处理如点击、键盘等；5. 节点操作包括创建、添加、删除等；6. 通过多个案例（如二维码显示、表单验证、微博发布等）展示Web API的实际应用。文章强调Web API是连接JavaScript与网页交互的关键技术，是开发动态网页效果的基础。

2025-12-17 08:18:09 843

原创 JavaScript内置对象全解析

String对象很多方法的名字和和Array的一样。可以少记很多的单词。为了方便操作基本数据类型，JavaScript还提供了三个特殊的引用类型：String/Number/Boolean。JS内置对象就是指Javascript自带的一些对象，供开发者使用，这些对象提供了一些常用的的功能。常见的内置对象有Math、String、Array、Date等。Number对象是数字的包装类型，数字可以直接使用这些方法。Math对象中封装很多与数学相关的属性和方法。Boolean对象是布尔类型的包装类型。

2025-12-16 07:22:03 427

原创 JavaScript对象详解：从入门到精通

本文摘要：对象是JavaScript中存储无序键值对的数据结构，用于组织和存储复杂数据。文章详细介绍了对象的创建方式（字面量、Object构造函数）、属性操作方法（点语法和[]语法），以及遍历对象的方法。同时讲解了工厂函数和构造函数两种批量创建对象的方式，重点阐述了构造函数与new配合使用的原理。最后对比了值类型和引用类型在内存存储、赋值传递方面的差异，指出简单类型存储值本身，而复杂类型存储地址的特性。通过实例演示了不同类型参数在函数传递时的表现差异。

2025-12-16 06:26:37 482

原创函数入门：从基础到高级全解析

函数是封装重复代码的工具，通过声明和调用来实现代码复用。函数基础知识包括参数传递（形参和实参）、返回值以及函数三要素（函数名、参数、返回值）。高级知识涵盖函数调试、嵌套调用、变量作用域（全局/局部变量）、预解析机制以及匿名函数的两种声明方式（函数表达式和自调用）。函数能有效减少冗余代码，提高可维护性，并通过参数化和返回值实现灵活的数据处理。掌握这些概念是编写高效、模块化JavaScript代码的基础。

2025-12-15 09:21:03 561

原创 JavaScript数组操作与冒泡排序全解析

本文介绍了数组的基本概念、创建方式及常用操作方法。数组是存储多个有序元素的集合，可通过构造函数或字面量创建。文章详细讲解了数组的下标访问、长度属性、赋值取值操作，以及遍历数组的基本语法。通过多个实例演示了数组的常见应用场景，如求最大值/最小值、数组倒序、字符串拼接等。最后介绍了冒泡排序算法，包括基础实现和优化版本，通过比较相邻元素并交换位置实现排序，并讨论了减少不必要比较的优化思路。

2025-12-15 06:31:35 846

原创编程基础：流程控制与循环详解

文章摘要：本文系统介绍了JavaScript中的三种流程控制结构：顺序结构（默认从上到下执行）、分支结构（包括if语句、三元运算符和switch语句）和循环结构（while、do-while和for循环）。重点讲解了分支结构的应用场景和语法特点，以及各种循环结构的区别与使用技巧，包括break和continue关键字的作用。通过多个实际案例（如成绩转换、登录验证、数字求和等）演示了不同控制结构的编程实践，并强调了代码调试的重要性。最后总结了各种循环结构的适用场景和相互替代关系。

2025-12-14 11:22:41 754

原创 JavaScript入门：从零开始掌握网页逻辑

JavaScript是一种运行在浏览器端的脚本语言，现也可用于服务端开发。它由ECMAScript（核心语法）、DOM（操作网页元素）和BOM（操作浏览器功能）三部分组成。学习JavaScript需掌握变量声明、数据类型（数字、字符串、布尔、undefined、null）、运算符（算术、赋值、逻辑等）和类型转换等基础内容。JavaScript最初用于表单校验，现可开发网页特效、服务端程序、移动应用等，功能强大。代码可写在script标签或引入外部文件，常用console.log调试。变量命名需遵循规则（字母

2025-12-14 08:08:15 1251

原创移动web开发：核心技术与实战指南

移动Web开发基础与响应式布局摘要：本文系统介绍了移动Web开发的基础知识，包括移动端与PC端开发的差异、视口设置、流式布局等核心概念。重点讲解了弹性布局（Flexbox）的使用方法及其常用属性，并通过骰子布局案例进行实践演示。同时深入探讨了响应式布局原理，详细说明如何通过媒体查询实现多终端适配。文章还介绍了Bootstrap框架的基本使用和栅格系统，以及LESS预处理语言的应用技巧。最后，阐述了rem布局的原理及其在移动端适配中的优势，提供了rem开发的实用步骤和工具配置建议。

2025-12-13 14:26:36 1052

原创 CSS3D特效实战案例合集

本文展示了多个CSS3动画效果案例：1）盒子居中：使用绝对定位+transform实现；2）放大镜效果：通过scale()放大图片；3）扑克牌效果：6张牌依次旋转展开；4）3D转换：包括旋转、平移和立方体效果；5）3D导航：悬停时翻转显示背面内容；6）3D相册：多张图片依次翻开；7）过渡动画：实现旋转和形变效果；8）风车案例：四个叶片旋转；9）小鱼动画：使用雪碧图实现游动效果。这些案例涵盖了CSS3的transform、transition、animation等核心技术。

2025-12-13 10:50:47 353

原创 CSS3动画：2D/3D转换全解析

摘要：CSS3的transition和transform属性为网页元素提供了丰富的动画效果。transition可实现平滑的状态过渡，transform支持2D/3D转换（平移、缩放、旋转、斜切）。3D效果需配合perspective和transform-style属性实现。动画通过@keyframes定义更复杂的多节点动画，与过渡不同，动画无需触发即可持续运行。为兼容不同浏览器，CSS3属性常需添加私有前缀（-webkit-、-moz-等）。这些特性使开发者能创建更生动的交互体验，尤其在移动端表现优异。

2025-12-12 21:57:06 1162

原创 CSS入门：网页化妆的艺术

CSS是一种用于网页样式设计的层叠样式表语言，主要功能包括设置文字样式（大小、颜色、字体等）、图片排版和页面布局。其基本语法由选择器和属性值组成，支持字体、背景、定位等多种属性设置。CSS具有三大特性：继承性、层叠性和优先级。常用选择器包括标签、类、ID和伪类选择器，布局方式涉及标准流、浮动和定位。浮动元素会脱离标准文档流，需注意清除浮动问题。定位方式包括相对、绝对和固定定位，可精确控制元素位置。CSS3新增特性如圆角、阴影、渐变等增强了页面视觉效果。通过盒模型、浮动和定位的组合，可实现复杂的网页布局设计。

2025-12-12 12:01:29 1075

原创前端开发入门：HTML基础知识全解析

本文系统介绍了前端开发的基础知识，重点讲解了HTML网页开发的完整流程。内容包括：1）网页基本构成元素；2）浏览器工作原理及五大主流浏览器内核；3）Web标准三要素（HTML结构、CSS样式、JS行为）；4）HTML基础语法、标签分类及常用标签（标题、段落、图片、链接等）；5）开发工具使用技巧；6）表单设计与实现方法；7）多媒体标签应用。文章详细阐述了HTML文档结构、标签语义化的重要性，以及各类表单控件的使用方法，为前端开发初学者提供了全面的入门指导。

2025-12-11 19:50:42 1260

Dreamcatcher_AC的博客