Sherry Tian-优快云博客

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

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

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

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

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

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

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

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

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

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

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

2025-01-03 13:27:30 967

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

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

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

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

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

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

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

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

2024-12-11 20:54:18 4327 1

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

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

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

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

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

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

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

本文主要介绍了初始项目的目录结构，接下来会逐一介绍每个文件的作用与用法，正在更新中，敬请期待！

2024-12-10 08:16:10 391

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

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

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

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

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

2024-12-09 07:44:28 554

原创 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 1198 3

原创 Webpack 的构建流程

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

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

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

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

2024-11-29 08:49:55 1173

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

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

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

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

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

2024-11-27 07:00:00 907

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

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

2024-11-26 19:00:00 1834

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

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

2024-11-26 07:00:00 1909

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

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

2024-11-25 21:50:34 577

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

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

2024-11-25 08:12:54 737

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

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

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

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

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

2024-11-24 16:39:51 417

原创 Vue 3组件间通信全解：选项式API vs 组合式API

在Vue 3中，组件间通信是构建复杂应用的关键。本文详细对比了选项式API（Options API）和组合式API（Composition API）在父组件向子组件传递数据、子组件向父组件传递数据、祖先组件向后代组件提供数据以及复杂状态管理等方面的不同实现方式。无论你是Vue 2的老用户还是Vue 3的新手，都能从中找到最适合你项目的通信策略。通过具体的代码示例，本文将帮助你快速掌握Vue 3中组件间通信的最佳实践。

2024-11-23 16:46:14 1636 5

原创结合Vue 3 和 Node.js详细讲解文件域是如何实现文件上传功能的

本文详细介绍了如何在 Vue 3 项目中实现文件上传功能，并通过 Node.js 后端接收和处理上传的文件。从前端的文件选择和上传请求，到后端的文件存储和错误处理，提供了完整的代码示例和解释，帮助开发者快速实现文件上传功能。

2024-11-23 07:00:00 936

原创 Upload上传文件报错Failed to parse multipart servlet request； nested exception is java.lang.RuntimeExceptio

在使用view-ui-plus的上传组件Upload上传文件的时候，发生了一件不可思议的事情，莫名其妙的踩坑。报错：Failed to parse multipart servlet request; nested exception is java.lang.RuntimeException: java.io.IOException: UT000036: Connection terminated parsing multipart data

2024-11-22 13:00:00 1697

原创 Webpack 热更新（HMR）详解：原理与实现

Webpack 的热更新（Hot Module Replacement，简称 HMR）是一种在应用程序运行过程中动态替换、添加或删除模块的技术，而无需重新加载整个页面。HMR 可以显著提高开发效率，因为它允许开发者在不丢失应用状态的情况下实时看到代码更改的效果。本文将详细介绍 HMR 的原理和实现方法，帮助你更好地理解和使用这一强大功能。

2024-11-21 13:00:00 1528

原创解决Vue项目部署至服务器后报404的问题

本文讲解了如何解决vue项目部署至服务器报404的问题

2024-11-21 07:53:01 893

原创 TypeScript 与 JavaScript 的主要区别及使用场景

本文详细介绍了 TypeScript 与 JavaScript 的主要区别，并通过具体的示例代码，展示了 TypeScript 如何通过静态类型检查提升代码的健壮性和开发效率。适合初学者和有经验的开发者阅读，帮助他们在项目中更好地选择和应用 TypeScript。

2024-11-20 13:00:00 371

原创 WebSocket 常见问题及解决方案

本文总结了使用 WebSocket 时常见的问题及其解决方案，包括浏览器兼容性、穿透防火墙和代理、连接管理、安全性、消息大小限制、跨域问题、调试难度、并发连接数、部署复杂度以及客户端限制。通过具体的代码示例，帮助开发者更好地管理和优化 WebSocket 应用程序，确保其稳定性和性能。

2024-11-20 08:11:05 2394 1

原创提升SPA（单页应用如vue，react）首屏加载速度：全面优化指南

单页面应用（SPA）的首屏加载速度对用户体验至关重要。本文深入探讨了首屏加载的概念，分析了常见的加载慢原因，并提供了多种实用的优化方案。从代码分割和懒加载到服务端渲染，再到资源压缩和CDN加速，本文将帮助开发者全面提升SPA的首屏加载性能，确保用户获得流畅、快速的访问体验。无论你是前端新手还是资深开发者，都能从本文中找到有效的优化策略。

2024-11-19 13:00:00 1515 2