自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Sherry Tian的博客

你好呀,我是爱编程的Sherry,深耕前端领域十多年,专注于分享JavaScript、TypeScript、CSS3、HTML5、Vue、React、Node、微信小程序及Uni-app等技术的开发经验与心得,希望我的分享能够给你带来帮助。

  • 博客(206)
  • 资源 (3)
  • 收藏
  • 关注

原创 windows 11 系统 nvm安装详细教程 (踩坑分享)

本文主要讲解了windows 11 系统安装 nvm 工具的具体过程,以及编者踩坑的心酸记录,帮你必坑哦!

2025-11-10 23:36:11 871

原创 Vue3项目实战:从0到1开发企业级中后台系统(3):架构核心!手把手封装Axios、Pinia、Router

本章主要讲解了axios、pinia、router的封装使用及统一管理

2025-11-05 23:31:37 45

原创 Vue3项目实战:从0到1开发企业级中后台系统(2):10分钟上手!用Vite从0到1搭建你的第一个企业级项目

本篇主要安装配置vite,设置全局环境变量,js指令配置和各种配置的讲解,到这里可以启动一个hello world工程

2025-11-01 17:15:28 59

原创 Vue3项目实战:从0到1开发企业级中后台系统(1):颠覆认知!这才是搭建Vue3项目的“正确姿势”

本篇主要讲如何从零到一搭建项目框架,不再是vue脚手架那样的傻瓜式创建,是真正的从零到一,让你从底层了解项目架构的逻辑

2025-11-01 16:13:29 69

原创 在vue3项目中如何优雅的管理svg图标

在vue3项目中如何统一管理svg图标?可以试试这两种方法

2025-10-27 20:45:47 781

原创 一文吃透 Vue3 + TS 核心语法:ref、reactive、props、emit、watch、Pinia 全解析

Vue 3 + TypeScript项目中经常用的方法总结,可以当做工具手册使用

2025-10-21 20:03:25 669

原创 Axios 终极指南:从入门到精通,解锁高效网络请求的奥秘

这篇文章总结了axios的常用方法,并附有案例,非常具有实操参考性,总结的很全面

2025-09-18 22:56:51 804 2

原创 接口雪崩?页面卡死?前端工程师的并发请求优化实战指南

前端并发请求优化不是简单的“多开几个线程”,而是需要平衡性能、用户体验与系统稳定性的艺术。通过实现一个轻量级的并发控制器,结合合理的架构设计和错误处理机制,我们完全可以避免“接口雪崩”和“页面卡死”的尴尬局面。

2025-09-12 22:06:32 881 2

原创 前端如何实现一键截图?从原理到避坑的完整实战指南

本文深入探讨前端截图的实用场景与实现方案,涵盖数据看板导出、社交分享、客服凭证等真实需求。文章系统解析 html2canvas、dom-to-image 等核心技术原理,手把手带你实现高清截图与优化下载,并总结跨域图片、字体丢失、iOS 兼容性等常见坑的解决方案。无论你是想提升用户体验,还是解决实际开发难题,这篇从原理到实战的完整指南都能让你快速掌握前端截图的核心技能,值得收藏!

2025-09-12 08:56:34 1209

原创 大型前端项目如何实现css 隔离:利用浏览器原生的 Shadow DOM 完全隔离 DOM 结构与样式...

Shadow DOM:利用浏览器原生的 Shadow DOM 完全隔离 DOM 结构与样式。

2025-08-22 23:37:08 955

原创 微前端落地与实践

什么是微前端?如何实现微前端?

2025-08-22 08:00:00 1806

原创 在javascript中0.1+0.2 !== 0.3 ,为什么?如何才能让其相等?

在js中为何0.1+0.2 !== 0.3 ? 如何才能让其相等?

2025-08-12 09:49:09 568

原创 一文讲透HTML语义化标签

本文主要讲解了HTML中常用的标签及其基本描述。根据HTML标准,这些标签可以帮助构建结构清晰、语义明确的网页

2025-07-18 08:21:32 1653 1

原创 在前端开发中关于reflow(回流)和repaint(重绘)的几点思考

重排(reflow)和重绘(repaint)是浏览器渲染网页时的两个关键步骤。重排发生在元素的几何信息(如位置、尺寸)发生变化时,浏览器需重新计算布局,影响性能。重绘则是将样式变化转换为屏幕像素的过程,通常在重排后发生。减少两者的方法包括:集中改变样式,使用类名而非直接修改属性;批量操作DOM,避免频繁触发计算;利用`absolute`或`fixed`使元素脱离文档流;开启GPU加速,通过`transform`等属性创建独立层,减少对整体布局的影响。理解并优化这些过程能显著提升页面性能。

2025-07-12 07:37:12 789

原创 vue3项目中CodeMirror的复杂用法,实现自定义语法模式,手动在指定光标位置插入/获取/替换/绑定文本

本文主要讲解了在vue3项目中如何使用CodeMirror实现更复杂的用法,实现自定义语法模式,手动在指定光标位置插入/获取/替换/绑定文本

2025-05-10 12:30:00 1330

原创 vue3项目中使用CodeMirror组件的详细教程,中文帮助文档,使用手册

vue3项目中如何使用CodeMirror实现代码编辑器,详细中文帮助文档使用手册

2025-05-10 10:00:00 3756

原创 cursor,开发公司官网示例教程

最近公司希望员工用AI编辑器开发项目,首选了cursor。对于打工人来说,领导的需要就是我们的目标,既然已经提了,那就学起来吧。首先,安装cursor,这一步略过,网上教程很多,就不在这里讲了,本文只是想表达我使用cursor的一些感想。下面是我使用cursor完成网站页面开发的过程。

2025-04-08 08:57:39 1351

原创 实现在项目中使用iconfont自定义图标,vue3项目引入,封装成组件使用

本文主要讲解如何在vue3项目中使用iconfont自定义图标,以及如何将iconfont封装成组件,使用时方便快捷

2025-01-14 20:50:27 1649 3

原创 实现列表拖拽排序功能,可新增,可删除,拖住排序,draggable,dragstart,dragend,dragover,利用好这几个事件,完美实现拖拽功能

本文主要讲解如何利用javascript的原生事件draggable,dragstart,dragend,dragover实现一个列表拖拽排序效果。

2025-01-14 08:28:18 963 2

原创 实现javascript原生canvas动态画布效果,附完整代码,代码复制可用

javascript原生canvas实现动态画布效果,附完整代码,浏览器直接打开可用

2025-01-03 23:51:14 1030 5

原创 【Vue3项目实战系列一】—— 全局样式处理,导入view-ui-plus组件库,定制个性主题

本篇主要讲解如果在vue3项目中如何管理全局样式,导入view-ui-plus组件库,并从全局导入和按需导入详细讲解了具体方法

2025-01-03 13:27:30 1250

原创 【Vue3项目实战系列一】—— vite.config.js配置文件详细说明

本文以项目中的vite.config.js配置文件抛砖引玉介绍了vite的常用配置及其作用

2024-12-12 18:16:17 906 5

原创 【Vue3项目实战系列一】—— package.json配置文件详细说明 配置指南 帮助你全面了解 package.json 的结构和功能,并学会如何根据项目需求定制脚本命令

本文详细讲解了package.json文件在Vue3项目中的作用和配置方法,重点解析了其各个关键字段,并深入探讨了如何通过scripts字段实现更多自定义配置。例如格式化代码、运行测试、清理构建目录、设置预提交钩子、部署项目、生成文档以及进行安全扫描等。通过阅读本文,你可以全面了解package.json的结构和功能,并学会如何根据项目需求定制脚本命令,从而简化开发流程、提高效率。

2024-12-12 08:45:46 1783 1

原创 【Vue3项目实战系列一】—— .eslint.config.js配置文件详细说明,本文除了讲解项目配置项内容,还探讨了更多高级设置并给出参考示例,阅读本文你可以更好地理解和使用 eslint

本文详细介绍了.eslint.config.js文件在Vue3项目中的作用和配置方法,文章首先介绍了eslint文件的作用和使用场景,接着解释了.eslint.config.js文件的内容,最后还探讨了更多高级设置并给出参考示例。相信通过阅读本文你可以更好地理解和使用ESLint来优化你的Vue3项目。

2024-12-11 20:54:18 6141 2

原创 【Vue3项目实战系列一】—— .editorconfig配置文件详细说明,解决团队成员间编码格式不一致,造成冲突的问题,提升代码可读性和可维护性。

本文主要讲解了.editorconfig配置文件的作用,以及每一行代码的配置是做什么用的,旨在帮助开发者全面的了解vue3配置文件的作用。

2024-12-11 09:00:42 1092 1

原创 【Vue3项目实战系列一】—— 配置文件.gitignore说明,被忽略的.gitignore,您知道它的每一行代码是干什么的吗

本文主要讲解配置文件.gitignore的作用

2024-12-10 21:58:39 1489 1

原创 【Vue3项目实战系列一】—— 初始目录结构说明,了解每一个文件的作用

本文主要介绍了初始项目的目录结构,接下来会逐一介绍每个文件的作用与用法,并给出参考示例!

2024-12-10 08:16:10 594

原创 【Vue3项目实战系列一】—— 从零开始一个vue3项目 vue3+javascript+vite 非常详细 手把手教学

从零开始一个vue3项目,技术选型:vue3+javascript+vite

2024-12-09 23:23:49 2685 1

原创 解决view-ui-plus 中表单验证不通过问题,select 组件开启multiple模式 总是提示错误,即使不验证也提示,有值也验证失败

本篇主要讲解如何解决表单验证不通过问题,select组件开启multiple模式后,总是提示错误,即使关掉验证,有值也还是验证不通过的问题

2024-12-09 07:44:28 792

原创 vue3——实现pdf文件预览,解决‘no-cors‘ to fetch the resource with CORS 跨域问题,pdfjs-dist案例源码

本文讲解如何在vue3项目中使用pdfjs-dist插件实现pdf文件预览,解决跨域问题 'no-cors' to fetch the resource with CORS ,文件找不到 Not Found等问题,最终实现pdf预览功能,源码可以直接拿来用。

2024-12-04 07:30:00 1688 3

原创 Webpack 的构建流程

Webpack 插件可以在构建的不同阶段进行一些额外的处理,如代码压缩、文件拷贝、资源注入等。它会首先从入口文件出发,递归解析该文件的所有依赖,直到构建出整个依赖图谱。这种流程使得 Webpack 能够高效地处理各种模块、文件类型和依赖,最终输出优化后的资源文件。

2024-11-29 22:44:45 1737 1

原创 如何使用git fetch与git pull,在团队协作中二者有什么区别,具体案例分析并深入理解

本文主要介绍了git fetch与git pull的使用与应用场景以及二者之间的区别,并通过具体案例深入分析与理解

2024-11-29 08:49:55 1344

原创 vue3中是如何实现双向数据绑定的

Vue 3 提供了多种数据绑定方式,本文将详细介绍每种方式都有哪些特定的使用场景和优势

2024-11-27 19:00:00 1824 2

原创 前端文件下载有哪些常见问题?

前端文件下载过程中可能会遇到多种常见问题。了解这些问题及其解决方案可以帮助您更好地处理文件下载功能。

2024-11-27 07:00:00 1113

原创 Git中HEAD、工作树和索引的区别

在Git版本控制系统中,HEAD、工作树(Working Tree)和索引(Index)是三个核心概念,分别代表了项目的不同状态或区域。本文详细介绍这三者的区别与联系

2024-11-26 19:00:00 1986

原创 前端下载文件方法汇总,文章目录a标签下载、fetch api下载、表单提交下载、iframe下载、XMLHttpRequest下载、fileSaver.js下载......

本文介绍了六种常见的前端文件下载方法,包括直接设置 标签的 href 属性、使用 fetch API 下载 Blob 文件、使用表单提交、使用 iframe 触发下载、使用 XMLHttpRequest 下载 Blob 文件以及使用 FileSaver.js 库。每种方法都有其适用场景和示例代码,帮助开发者根据具体需求选择最合适的下载方式。

2024-11-26 07:00:00 2231

原创 Git工作原理与常用方法汇总

本文详细解释了 Git 的工作原理,包括工作区、暂存区、本地仓库和远程仓库的概念,以及它们之间的关系,帮助开发者更好地理解和使用 Git 进行版本控制。

2024-11-25 21:50:34 630

原创 在vue项目中使用Mixins,如何避免命名冲突

在 Vue.js 中,Mixins 是强大的代码复用工具,但命名冲突是常见问题。本文介绍五种有效避免命名冲突的方法,帮助你提升代码的可维护性和可读性,让 Mixins 的使用更加得心应手。

2024-11-25 08:12:54 944

原创 从输入 URL 到页面加载:浏览器背后的神奇之旅

当你在浏览器地址栏中输入一个 URL 并按下回车键后,浏览器会经历一系列复杂的步骤,从解析 URL、DNS 查询、建立 TCP 连接,到发送 HTTP 请求、接收响应、解析 HTML 和 CSS、执行 JavaScript,最终将网页内容呈现到你的面前。本文将带你深入了解这一神奇的旅程,揭示浏览器背后的工作原理,帮助你更好地理解网页加载的全过程。

2024-11-24 21:00:00 838 1

原创 版本控制在软件开发中的关键作用

版本控制是软件开发中的必备工具,能够追踪和管理代码的每一次变更,确保团队成员之间的协同工作。通过版本控制系统,开发者可以记录文件的所有历史变化,随时恢复到任意历史版本,支持多人并行开发,并进行有效的代码审查和备份。本文将详细介绍版本控制的基本概念、主要作用以及常见的版本控制工具,帮助你更好地理解和应用这一关键技术。

2024-11-24 16:39:51 638

网站设计师必备的配色方案

网站设计师必备的配色方案,很好的资源呢,绝对不要错过!

2011-05-13

网页制作常见问答集锦.chm

这是一个关于网页制作常见问题的总结,包含了一些日常问题的处理。

2010-06-21

javascript cheat sheet.png

javascript 方法和属性集合.png

2015-11-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除