- 博客(37)
- 收藏
- 关注
RSS订阅原创 Nginx 配置从零到一：小白也能看懂的超详细部署指南
本文是一篇Nginx部署前端项目的详细教程，适合前端开发者和运维新手。主要内容包括：1）Nginx简介及其优势；2）Windows环境下Nginx的下载安装；3）配置文件结构解析；4）前端项目部署步骤；5）常用管理命令；6）常见问题解决方案；7）前后端分离项目配置；8）日志监控方法。教程从零开始讲解，包含大量实用配置示例和问题排查技巧，帮助读者快速掌握Nginx部署前端项目的完整流程。
2025-12-16 16:46:27
1497
原创 【面试进阶】JavaScript 函数与对象进阶知识总结（重难点+记忆模板）
本文系统梳理了前端面试必备的JavaScript高级知识点，涵盖函数对象属性、arguments与Rest参数、纯函数、柯里化、组合函数、严格模式及对象属性描述符等核心内容。重点解析了纯函数的定义与重要性、柯里化的实现原理、严格模式的优点以及对象操作方法对比，并提供了记忆口诀和面试注意点
2025-11-01 21:06:43
919
原创 【前端高频面试题】深入理解 JavaScript 内存管理与闭包原理（附高分答题模板）
闭包是函数与其词法环境（Lexical Environment）的组合。即使函数脱离其创建上下文，依然能访问外层作用域的变量。闭包是一个函数，能够“记住”并访问其外层作用域中的变量，即使该外层函数已经返回。// 15add10是闭包，它持有x=10的引用，即使makeAdder已经执行结束。闭包不是问题，错误的引用管理才是问题。理解 JS 的内存模型与垃圾回收原理，是前端从“能写业务”迈向“懂原理、可优化”的关键一步。
2025-10-28 16:23:31
855
原创 Vue3 与微信小程序模板语法全面对比学习笔记
《Vue3与微信小程序开发对比分析》摘要本文系统对比了Vue3与微信小程序的开发特性差异。在模板语法方面，Vue3采用v-指令体系和自动响应式更新，而小程序使用wx:指令并需手动setData更新。样式处理上两者都支持CSS标准，但小程序特有rpx单位和四文件分离结构。全局配置方面，小程序的app.json对应Vue的router配置，网络请求则分别使用wx.request和axios。通过本地生活首页案例，展示了实际开发中的思维差异。
2025-10-23 20:05:32
689
原创 【前端高频面试题】深入浏览器渲染原理：从输入 URL 到页面绘制的完整流程解析
览器渲染机制是前端面试的核心考点，主要考察候选人对性能优化的理解。完整渲染流程包括：DOM/CSSOM构建→渲染树→布局→绘制→合成，其中CSS会阻塞渲染树构建，JS会阻塞DOM解析。关键优化点包括：减少回流/重绘（合并DOM操作、使用transform/opacity）、合理使用async/defer、利用GPU合成层提升动画性能。面试应重点阐述"流程+阻塞机制+优化方案"的三层知识体系，展现工程化思维。掌握这些原理不仅能应对面试，更是实际性能优化的基础。
2025-10-17 18:44:44
1351
原创 前端面试-箭头函数
摘要： 本文介绍了ES6箭头函数的基础语法和核心特性，重点解析了其与传统函数的区别。箭头函数通过简洁语法（如(a,b) => a+b）简化代码，但关键特性在于词法作用域的this绑定——继承外层作用域的this且不可更改。文章对比了两种函数的this行为，指出箭头函数无法作为构造函数、没有arguments和prototype。适用场景包括回调函数、定时器等需要固定this的情况，但不适合对象方法或构造函数。建议根据需求选择函数类型：箭头函数适合简单逻辑和词法this，传统函数适用于动态this场景。
2025-10-14 15:37:27
357
原创 前端面试必问-this 指向全解析
JavaScript中的this关键字指向动态变化，取决于函数调用方式而非定义位置。主要有五大规则：1）默认绑定（独立调用时指向全局或严格模式下的undefined）；2）隐式绑定（方法调用时指向调用对象）；3）显式绑定（通过call/apply/bind指定this）；4）new绑定（构造函数指向新实例）；5）箭头函数继承定义时的外部this。优先级为：new绑定>显式绑定>隐式绑定>默认绑定。掌握这些规则的关键在于"看调用不看定义"，普通函数遵循四种绑定规则，箭头函
2025-10-13 21:27:34
367
原创 前后端分离项目如何解决跨域问题
本文解析了前后端分离项目中的跨域问题及解决方案。跨域是浏览器出于安全考虑拦截不同域名、端口或协议的请求，典型表现为CORS报错。Apifox能调通是因为不受浏览器限制。解决方案包括：1）后端全局配置CORS（推荐）；2）Controller局部开启跨域注解；3）前端使用Vite代理转发。新手建议采用全局配置或Vite代理，简单高效地解决跨域通信问题。
2025-09-14 15:45:30
551
原创 GitHub 项目提交完整流程（含常见问题与解决办法）
本文介绍了如何通过SSH方式将本地项目代码推送到GitHub仓库的完整流程。主要内容包括：1）生成SSH密钥对并添加公钥到GitHub账户；2）使用443端口配置SSH远程仓库地址，避免国内网络屏蔽问题；3）本地Git初始化、代码提交和推送操作；4）常见错误排查方法。特别针对国内用户推荐使用SSH over 443端口的稳定连接方案，并强调GitHub不再支持账号密码推送，需采用SSH密钥或HTTPS+个人访问令牌的方式。文章还提供了后续项目更新的标准流程和错误解决方案。
2025-09-09 15:54:34
1025
原创 MySQL 入门
本文目标：用最简单、最容易理解的方式讲清楚 mysql 里面的关键语法，特别是数据表的字段类型，比如 int、unsigned、varchar 等到底什么意思。
2025-08-26 19:12:50
804
原创 Pinia 状态管理：小白也能懂的多组件数据共享指南
概念说明类比组件中的state存储数据dataactions修改数据的方法methodsgetters计算属性computedstore整个数据仓库无。
2025-08-18 22:33:28
574
原创 Vue3 中使用 Element Plus 完整指南
ElementPlus是基于Vue3的开源UI组件库，提供丰富的企业级组件。安装方式包括npm/yarn/pnpm安装，支持全局引入和按需引入（推荐使用unplugin插件）。使用时需导入CSS文件，图标需单独注册。支持Sass变量定制主题，通过修改vite配置实现。注意事项包括版本兼容性检查、样式导入和图标使用区别。该库适合快速构建Vue3中后台应用，完整文档参考官方中文网站。
2025-08-18 21:05:54
1922
原创 Vue3 路由入门指南：从小白到轻松掌握
本文介绍了Vue3路由的基础知识，包括：1）路由本质是单页面应用中的组件切换工具；2）安装使用VueRouter的步骤（创建实例、配置路由、添加出口）；3）核心概念如导航方式（声明式/编程式）、动态路由、嵌套路由；4）进阶功能包括路由守卫、懒加载和传参方式；5）常见问题如404页面处理和路由监听；6）推荐的项目结构。文章强调使用router-link标签、命名路由等最佳实践，并建议从简单项目开始练习路由功能。
2025-08-18 20:46:48
1284
原创 Vue3 父子组件通信终极指南
本文介绍了Vue3组件通信的两种主要方式：Props传参和事件通信。在父组件向子组件传值时，可通过静态或动态方式传递数据，动态数据会保持响应式链接；子组件使用defineProps接收参数，在模板和脚本中均可使用。子组件向父组件传值则通过emit触发事件，父组件通过@监听。文章还提供了购物车组件通信的完整示例，涵盖了数据传递、事件处理和类型声明等场景，帮助开发者掌握Vue3组件通信的核心技术。
2025-08-18 18:47:55
857
原创 Vue3 中的 provide 和 inject 详解：实现跨组件通信
Vue3中的provide/inject和defineOptions详解 provide/inject是Vue3实现跨层级组件通信的API，解决了props逐层传递的问题。祖先组件provide提供数据，后代组件inject注入数据，支持响应式处理和修改方法封装。最佳实践包括使用Symbol避免命名冲突、应用层provide全局数据，适合主题切换、国际化等场景。 defineOptions是Vue3.3+的宏命令，允许在<script setup>中定义组件选项（如name、inheritAtt
2025-08-18 16:27:19
2699
原创 Vue3 中的 provide 和 inject 详解：实现跨组件通信
Vue3中的provide和inject是一对实现跨层级组件通信的API，能够有效解决props逐层传递的问题。祖先组件通过provide提供数据，后代组件通过inject注入数据，支持跨任意层级访问。相比props，这对API更适合主题配置、全局数据等场景。文章详细介绍了基本用法（包括选项式和组合式API写法）、响应式处理技巧、高级用法（Symbol键名、应用层provide等），并提供了主题切换的完整示例。最佳实践包括避免滥用、规范命名、保持响应性等。需要注意直接提供基本类型值不会自动保持响应式，且应谨
2025-08-18 16:05:12
494
原创 Vue3 中的 ref、模板引用和 defineExpose 详解
Vue3中的ref用于创建响应式引用，可包装任何类型值，访问时需使用.value（模板中自动解包）。模板引用可直接访问DOM元素或组件实例，v-for中会生成元素数组。组件引用需配合defineExpose显式暴露子组件方法或状态。最佳实践包括：合理命名、避免过度使用、进行null检查。这些特性共同增强了Vue3组件的灵活性和可维护性。
2025-08-17 22:07:53
604
原创 大事件项目拆解：登录访问拦截实现详解
本文介绍了一个基于Vue.js和Node.js的后台管理系统登录拦截实现方案。系统采用Vue3+Pinia+ElementUI技术栈，通过路由守卫实现认证拦截，未登录用户会被重定向到登录页。详细展示了路由配置、Pinia状态管理、登录组件实现和axios请求拦截器等核心代码，解决了页面刷新状态丢失等问题，并提出了密码安全、HTTPS传输等安全实践建议。该系统实现了完整的用户认证流程，为Web应用提供了基础安全防护机制。
2025-08-11 12:33:38
458
原创 【已解决】PNPM 报错：无法加载文件，因为在此系统上禁止运行脚本
摘要：在Windows PowerShell中运行pnpm命令时出现"禁止运行脚本"错误，这是由PowerShell默认安全策略限制所致。提供4种解决方案：1）临时允许当前会话执行脚本（推荐）；2）永久修改执行策略（需管理员权限）；3）改用CMD或Git Bash终端；4）直接调用pnpm.cmd文件。建议优先使用临时方案保证安全性，长期使用可选择永久修改或更换终端。每种方法都给出了具体执行命令和注意事项。
2025-07-16 13:39:49
1692
原创 ESLint 配置错误：ReferenceError: prettier is not defined 解决方案
该错误导致 ESLint 无法正确执行代码格式检查，但。旧版 ESLint 的配置方式（如。规则，但没有正确引入。
2025-07-15 14:30:59
432
原创 快速掌握 async/await：让异步代码像同步一样简单
摘要：async/await是ES2017引入的异步编程语法糖，解决了回调地狱和Promise链过长的问题。通过在函数前加async关键字创建异步函数，内部用await等待Promise完成，使异步代码具有同步代码的可读性。典型应用包括HTTP请求、顺序/并行执行异步操作，用try/catch处理错误。需注意await只能在async函数中使用，且async函数总是返回Promise。使用for...of循环可顺序执行异步操作。该特性显著提升了异步代码的简洁性和可维护性。
2025-07-11 12:44:50
614
原创 Axios 简明教程：前端开发必备的 HTTP 客户端
Axios 是前端开发中不可或缺的工具，通过本教程你已经掌握了：基本 GET/POST 请求并发请求处理创建自定义实例拦截器使用错误处理方法这些知识已经足够应对大部分项目开发需求。记住在实际项目中做好封装和错误处理，会让你的代码更加健壮和易维护。现在就去你的项目中试试 Axios 吧！🚀。
2025-07-11 12:38:15
975
原创 零开始git使用教程-传html文件
如果提示冲突（CONFLICT），用 VS 打开冲突文件（如 README.md）已经存在文件（比如创建时自动生成的 README），但你的本地仓库没有这些文件。如果还有问题，告诉我具体哪一步报错，我再帮你解决。是远程仓库的别名，可以改成别的，但一般用这个）（而不是 main）。（波浪键，在 Esc 下面）打开终端。（表示 Git 仓库初始化成功）刷新你的仓库页面，应该能看到。分支（Gitee 默认用。（不初始化 README）。（表示远程仓库已正确添加）（任何版本，社区版也行）），选择保存位置（比如。
2025-07-01 10:00:00
1278
原创 Vue3项目在浏览器能打开但在VS Code中无法打开HTML的原因及解决方法
摘要：Vue3项目直接打开index.html文件无法显示内容，因为Vue组件需要编译才能运行。必须通过npm run dev启动开发服务器，它会实时编译代码并提供热更新功能。若要在VSCode中预览，建议安装LiveServer插件，但可能仍无法完全正常运行。正确做法是始终使用开发服务器访问项目。
2025-06-26 10:00:00
471
原创 Vue 3 最基础核心知识详解
《Vue3核心知识速览》摘要：本文系统介绍Vue3基础知识要点，涵盖六大核心模块。首先讲解应用创建方法（createApp替代Vue2的new Vue），详解模板语法（插值、指令v-if/v-for/v-model等）。重点解析响应式系统（ref/reactive的区别与Proxy原理），计算属性与监听器的使用场景及最佳实践。在组件部分，说明props/emits的用法和组件通信方式，并梳理生命周期钩子执行流程（onMounted等组合式API）。文章强调Vue3采用渐进式学习路径，推荐通过实践项目巩固知识
2025-06-26 09:24:50
2034
原创 JavaScript 核心语法详解
摘要：本文系统介绍了JavaScript核心语法，包括变量声明（var/let/const）、7种基本数据类型和引用类型、各类运算符（算术/比较/逻辑）的使用。详细讲解了流程控制（if-else/switch）、循环结构（for/while）、函数定义（声明/表达式/箭头函数）以及对象和数组操作。重点说明了ES6新增特性：块级作用域变量、类继承体系和模块化开发。文章强调现代JS开发应优先使用const/let、箭头函数等ES6规范，为初学者提供了全面的语法参考和实践指导。
2025-06-23 13:49:15
439
原创 软件设计师中级UML知识点解析-（附关系详解与应用场景）
软件设计师中级uml图，类图，对象图，用例图，序列图，通信图，状态图，活动图，构件图，部署图
2025-05-11 16:04:32
1614
原创 万字详解CSS动画核心——@keyframes，看完就会做动画！
简单说@keyframes是CSS3的 动画关键帧规则，就像导演给动画片分镜头一样，你可以定义动画在不同时间点的样式变化。举个栗子：开始时（0%）在左边结束时（100%）掌握@keyframes只需三步：1定义关键帧动画2 应用animation属性 3调试参数优化效果
2025-05-08 11:30:00
2928
原创 CSS3 transform 属性详解
transform是 CSS3 的核心属性之一，用于对元素进行 ，例如位移、旋转、缩放、倾斜等，无需修改 DOM 结构即可实现视觉效果的动态调整。translate() 旋转：rotate() 缩放：scale()性能优化：优先使用 transform 代替 top/left 实现动画
2025-05-08 11:30:00
1076
原创 CSS 伪元素-详细 小白 教程
伪元素 就像魔法一样，可以不修改 HTML 结构，用 CSS 给元素添加额外的装饰内容。比如在文字前面加个图标，或者在按钮后面加个箭头。
2025-05-06 09:43:14
700
原创 如何用swiper插件快速做轮播图/网页中滑动切换图片效果实现
轮播图效果是网页中常见的一种效果，单纯用css代码实现非常复杂，但我们可以利用swiper插件实现，本文将讲述如何利用swiper插件快速实现各种轮播图效果。
2025-05-05 14:00:41
1434
原创 零基础入门：在VSCode中正确引入阿里巴巴矢量图标库的完整流程
在浏览器中我们经常会看到一些图标比如🔍，本文将讲解如何获取这些图标元素，如何正确的将其导入VSCode以及如何设置这些元素的属性
2025-05-03 13:30:00
1658
原创 写给小白的Less入门教程：让CSS写得更高效！
EasyLess进阶配置：通过注释精确控制CSS输出路径,什么是Less, Less 基础语法
2025-05-02 10:44:11
1048
原创 一文学会CSS Flex布局 - 新手入门指南
作用对象：仅适用于包含多行弹性项目的 Flex 容器（需设置或）46。核心功能：控制多行项目作为一个整体在交叉轴上的分布和对齐方式（如行间距调节、整体居中或拉伸）13。
2025-05-01 09:00:00
1384
原创 2025最新前端学习路线（新手入门-＞全栈进阶）
本篇文章是一份专门为新手小白设计的前端学习路线，包含未来规划，项目建议以及推荐的学习资源适合零基础/大学生/转行人群/想了解前端学习路线人群，本篇文章将讲述如何，从HTML到全栈开发，直接对标企业招聘需求。
2025-04-30 12:28:10
9716
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人