- 博客(28)
- 收藏
- 关注
RSS订阅原创 Git 使用教程：最详细、最正宗手把手教学（零基础吃透版）
Git 是软件开发必备的版本控制与团队协作工具，也是程序员职场核心基本功。多数开发者仅掌握基础的提交、推送命令，面对代码冲突、版本回退、分支错乱、远程代码覆盖、误提交撤销等高频问题，常常无从下手，只能删库重拉、盲目搜命令，严重影响开发效率。本文摒弃碎片化知识点与空洞理论，以企业真实开发场景为依托，从Git底层原理、环境配置、本地基础操作、代码撤销回滚、分支管理、冲突解决、远程仓库协作、实用技巧、团队规范、开发流程全方位手把手讲解，命令可直接复制即用、原理通俗易理解。零基础新手可快速入门。
2026-06-23 23:07:58
189
原创 AI 时代前端生存与破局：从焦虑到核心竞争力构建
面对 AI 生成代码、低代码平台快速普及，大量前端开发者产生职业焦虑。本文从行业现状、技术演进、能力分层出发，客观分析 AI 对前端的真实影响，明确可被替代与不可替代的工作边界，并给出系统化的成长路径与能力建设方案，帮助前端开发者在 AI 时代保持不可替代性，实现长期职业稳定。
2026-05-25 16:59:33
460
原创 前端流式输出完全指南：原理、实现与工程化实践
本文从前端流式输出的核心原理出发，清晰讲解 HTTP 分块传输、Fetch 流式解析、SSE 等关键技术，提供原生 JavaScript、Vue、React 可直接运行的实现代码，并覆盖性能优化、错误处理、XSS 防护、调试排错等工程化内容，帮助开发者从零掌握流式渲染，用于 AI 对话、实时日志、大屏推送等场景。
2026-05-25 09:36:08
399
原创 前端接口请求技术全解：从原生到工程化，一篇吃透
本文全面梳理前端 6 大接口请求技术，从底层原理、基础用法、工程封装到优缺点对比，一次性讲透 XMLHttpRequest、Fetch、Axios、jQuery Ajax、WebSocket、GraphQL。内容技术严谨、通俗易懂，附带可直接复制的生产级代码，帮助开发者快速掌握各类请求方案，并能根据业务场景正确选型。
2026-05-22 17:28:52
383
原创 一文吃透前端流式输出：Fetch Stream/SSE 全方案落地
流式输出是现代前端实现实时渲染、低延迟加载的核心技术，广泛用于 AI 对话、日志推送、大文件解析等场景。本文从 HTTP 协议、浏览器 API、技术选型对比入手，完整讲解原生 JavaScript、Vue、React 的实现方式，并给出性能优化、异常处理、工程化最佳实践，帮助开发者从零掌握流式输出全流程。
2026-05-22 09:41:48
676
原创 【Vue3 实战】全局错误处理体系搭建：实现业务与错误彻底解耦
在中大型 Vue 项目中，零散的 try/catch 与弹窗提示会让代码快速腐化。本文基于 Vue3 官方 errorHandler，从「为什么要全局错误处理」入手，一步步搭建可扩展、可分类、可监控的全局错误体系，实现业务逻辑与错误处理完全解耦，并补齐 Promise 异常捕获、错误上报、策略分发等工程化能力，让项目更稳健、更好维护。
2026-05-18 11:15:31
323
原创 正则表达式 vs Shell通配符：彻底分清，告别命令行踩坑
正则表达式（Regex）与Shell通配符（Glob）是程序员日常命令行操作中最易混淆的两个工具——符号相似、用途迥异，混用轻则匹配失败，重则误删文件、脚本报错。本文从核心本质、语法规则、解析机制、实战场景四大维度，全方位对比二者差异，搭配清晰对照表、可直接复用的命令示例与高频踩坑指南，帮助开发者快速分清“找文件”与“搜文本”，掌握命令行匹配的核心逻辑，提升工作效率。
2026-05-15 13:58:09
377
原创 吃透 Vue3 内存泄漏与性能优化：工具使用 + 场景修复 + 工程规范
本文系统讲解 Vue3 内存泄漏的根源、排查工具链与定位方法，覆盖定时器、事件监听、第三方库、异步 watch、全局引用等高频泄漏场景，给出可直接复制的修复代码；同时提供组件、渲染、响应式、网络、打包全维度性能优化方案，搭配实战工具使用教程，帮助开发者彻底解决卡顿、崩溃问题，打造极致流畅应用。
2026-05-14 16:32:00
310
原创 现代Web应用全栈开发：从架构设计到部署落地实战
本文以工程化视角系统拆解现代Web应用全栈开发流程，覆盖三层架构、前后端技术栈、数据库选型、API设计、测试体系与云端部署全链路。结合主流框架与最佳实践，给出可落地的技术方案与选型依据，搭配实操代码示例，帮助开发者快速构建稳定、可扩展、易维护的Web应用，兼顾入门指导与实战参考。
2026-05-14 09:43:06
510
原创 Node.js 与前端 JavaScript 的区别：不止运行环境，底层完全不一样
很多开发者误以为 Node.js 和浏览器 JavaScript 仅运行环境不同、语法一致，实则二者虽共用 ECMAScript 语法规范，但在全局对象、API 能力、DOM/BOM 支持、模块系统、事件循环、系统权限及应用场景上存在本质差异。本文从技术底层全面对比，帮你彻底理清二者核心边界，规避开发混淆。
2026-05-13 10:26:09
487
原创 深入理解 HTML5 Web Workers：提升网页性能的关键技术解析
JavaScript 单线程模型是网页卡顿、交互无响应的核心原因。HTML5 Web Workers 允许在浏览器开辟独立后台线程，并行执行耗时计算与数据处理，不阻塞主线程 UI 渲染与交互。本文从原理、基础用法、高级写法、实战场景、局限与最佳实践全面解析，帮你用 Web Workers 彻底解决前端计算密集型场景的性能瓶颈，写出更流畅的 Web 应用。
2026-05-12 15:17:40
442
原创 详解移动端H5开发与PC端Web开发的核心区别
随着移动互联网的快速发展，移动端H5开发已成为前端工程师的核心技能之一，其与PC端Web开发虽共享HTML、CSS、JavaScript核心技术栈，但因运行场景、用户需求的不同，在开发适配、交互设计、性能要求等方面存在显著差异。本文先明确移动端H5开发的定义、应用场景及核心优势，再从屏幕适配、交互方式、浏览器兼容、UI规范、性能加载、特有能力、开发思路7个关键维度，结合实操代码示例，详细拆解两者的核心区别，同时给出项目选型建议，帮助开发者理清认知、规避开发误区，高效完成不同场景下的前端开发工作
2026-05-12 09:36:12
786
原创 微信小程序性能优化全攻略（实战可直接用）
本文从包体积、页面渲染、网络请求、图片资源、启动速度、内存卡顿六大维度，系统讲解微信小程序性能优化实战方案，涵盖分包加载、减少setData滥用、长列表优化、图片压缩懒加载、接口缓存、定时器销毁、官方项目体检等核心优化手段，给出可直接落地的开发规范与实操技巧，助力提升小程序启动速度、页面流畅度与整体用户体验。
2026-05-11 15:51:31
534
原创 微信小程序开发保姆式教程：从 0 到 1 快速上手
本文是微信小程序开发零基础保姆式教程，从账号注册、工具安装、项目创建讲起，覆盖目录结构、基础语法、页面配置、跳转传参、网络请求封装、UI 库集成等核心知识点，附带完整代码与避坑指南，手把手带领新手从零完成小程序开发、调试、上传全流程。
2026-05-11 10:55:13
1397
原创 从0到1开发一个脚手架 (上)
下面的示例就是我们编写好的指令，指令回调我们稍后实现，输入 xqy update 会打印 update command，输入 xqy create test，会打印 create test。我们这次的目标就是搭建一个类似于 vue-cli，create-react-app 等 cli 工具类似的工具包。要实现的核心功能就是使用命令行交互的效果去生成我们需要的 Vue 项目模板。我们先解决打包的问题，安装好需要的依赖，然后按照下面的配置文件内容，新建一个 rollup.config.js。
2025-02-10 19:45:00
979
原创 TypeScript 详细教程（一篇就够了）
TypeScript 是一门基于 JavaScript 的编程语言，它是具有类型系统的 JavaScript，是一种解决 JavaScript 缺点的编程语言。TypeScript 不能在浏览器环境或者 Node 环境直接运行，它在执行前需要先被编译为 JavaScript。TypeScript 提供的类型系统只应用在开发阶段，只有在开发阶段开发者才需要借助它编写出更加健壮的程序。TypeScript 由微软发布，第一个正式版的发布时间为是2013年6月19日。通过静态类型检查可以让开发者在编译时就
2024-06-10 21:19:36
1354
2
原创 什么是Pinia？Pinia的数据持久化
Pinia 是 Vue.js 的一个状态管理库, 它是作为 Vuex 的一个轻量级替代品而创建的, Pinia 提供了一种简单、直观的方式来管理和访问 Vue 应用的状态。以下是一些关于 Pinia 的关键点:Pinia 的 API 设计得非常简单, 使得创建和使用 store 变得非常容易。使用 defineStore 函数定义 store, 使用 useStore 函数在组件中使用 store。
2024-04-28 21:15:00
2577
原创 组合式API（声明周期，跨组件传参），自定义hook,路由
什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。refs我们需要在组件渲染初期通过ref() 暴露一个ref值（null），在虚拟dom算法中，如果虚拟dom节点中的ref键对应渲染上下文中的ref()暴露的ref值，则虚拟dom的相应元素或者组件实例将被分配给该ref的值
2024-04-27 19:29:33
966
原创 vue3基本使用方式
v-else-if 必须和 v-if 连用 v-else 必须和 v-if 连用 不能单独使用 否则报错 模板编译错误。setup的意思是准备，它是在props、data、computed、methods 、生命周期函数之前运行的。条件渲染指令（v-show、v-if、v-else、v-else-if）组件中所用到的：数据、方法、生命周期等等，都可以配置在setup中。若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。v-text和{{}}表达式渲染数据，不解析标签。
2024-04-21 19:53:48
1266
1
原创 认识vue3
2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）vue3提供了更好的性能、更小的捆绑包体积、更好的 TypeScript 集成、用于处理大规模用例的新 API3.0 版本的开发周期长达两年多，期间产生了 30+ RFCs、2600+ commits、628 pull requests，以及核心仓库之外的大量开发和文档工作。
2024-03-20 21:15:00
707
1
原创 TypeScript简介
TypeScript是微软开发的开源编程语言，可以在任何运行JavaScript的地方运行。TypeScript(简称：TS)是JavaScript的超集(JS有的TS都有)。+ JavaScript(在JS基础之上，为JS添加了类型支持)。TypeScript具有类型系统，且是JavaScript的超集。它可以编译成普通的JavaScript代码。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。
2024-03-18 11:45:00
1221
原创 forwardRef 与 useImperativeHandle
作用：如果我们并不想暴露子组件中的DOM而是想暴露子组件内部的方法。作用：允许组件使用ref将一个DOM节点暴露给父组件。
2024-01-04 20:01:30
592
1
原创 React渲染性能的优化
如果上一小节的例子，我们不想通过引用来比较，而是完全比较数组的成员是否完全一致，则可以通过自定义比较函数来实现// 自定义比较函数return (})console.log('子组件被重新渲染了')console.log('父组件重新渲染了')return (内容一样{JSON.stringify(list)}内容不一样{JSON.stringify(list)}。
2024-01-01 20:59:35
988
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人