自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 使用 Webpack 进行资源优化

Webpack 是一个静态模块打包器,它可以把所有类型的资源(JavaScript、CSS、图片等)视作模块,并将它们打包到浏览器可加载的文件中。Webpack 的强大之处在于它不仅仅是一个简单的打包工具,还拥有模块依赖管理、代码拆分、按需加载、插件机制等功能,这些功能为前端资源的优化提供了极大的便利。Webpack 是一个功能强大的打包工具,它不仅可以打包和管理模块,还提供了多种资源优化的功能。通过代码拆分、CSS 和图片优化、缓存和压缩等措施,我们可以显著提升 Web 应用的性能。

2024-10-15 12:30:01 555

原创 Vue项目使用 html2canvas 实现截图功能

在前端开发中,有时我们需要提供截图功能,比如保存某个特定区域或整个屏幕作为图像文件。本篇博客将介绍如何使用 Vue 3 的 `` 语法和 `html2canvas` 库来实现自定义区域截图和整个屏幕截图,并自动保存到本地。

2024-09-23 22:28:05 637

原创 分别使用webpack和vite构建vue3项目

使用 Webpack:通过 Vue CLI 创建 Vue 3 项目,默认使用 Webpack 进行打包。如果需要自定义配置,可以通过修改 Webpack 配置。使用 Vite:通过 Vite 创建 Vue 3 项目,提供更快的开发体验,推荐在新项目中使用。通过修改文件来自定义 Vite 配置。Vite 更加轻量和现代,适合快速开发和现代化的项目构建。Webpack 则更成熟且有广泛的社区支持,适用于需要复杂构建配置的大型项目。

2024-09-23 19:59:19 554

原创 前端WebSocket应用——聊天实时通信的基本配置

在现代 Web 应用中,实时通信是提升用户体验的重要因素之一。WebSocket 协议提供了一种在客户端和服务器之间建立持久连接的方式,使得双向数据传输成为可能。

2024-09-16 21:13:27 1100

原创 常用http状态码归纳总结(结合例子更好理解)

这些常用的 HTTP 状态码在 Web 开发中非常重要,它们帮助开发者和用户理解请求处理的结果和可能出现的问题。了解这些状态码能够提升调试和优化应用程序的效率。

2024-09-16 16:14:57 405

原创 将前端项目部署在服务器上,并通过公网ip访问(阿里云服务器、finalshell、Nginx)

我整合了几篇相关的文章,话不多说,直接上干货。

2024-09-13 14:51:25 522

原创 零基础将一个项目上传到github上

本文介绍了从零开始将项目上传到 GitHub 的详细步骤。首先,需要注册 GitHub 账户并安装 Git。接着,通过配置 Git 用户信息,创建一个本地项目并初始化 Git 仓库。之后,需在 GitHub 上创建一个新的仓库,并将其与本地项目关联。然后,通过将项目文件添加到暂存区并进行提交,最后使用 `git push` 命令将项目推送到 GitHub。文章还提到了 `.gitignore` 文件和 `README.md` 文件的使用,以提升项目管理的规范性。

2024-09-13 14:00:15 280

原创 Java实战(计算机、文件拷贝、图书管理)

Java实战(计算机、文件拷贝、图书管理)

2023-04-25 23:30:04 75 1

空空如也

空空如也

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

TA关注的人

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