- 博客(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
原创 零基础将一个项目上传到github上
本文介绍了从零开始将项目上传到 GitHub 的详细步骤。首先,需要注册 GitHub 账户并安装 Git。接着,通过配置 Git 用户信息,创建一个本地项目并初始化 Git 仓库。之后,需在 GitHub 上创建一个新的仓库,并将其与本地项目关联。然后,通过将项目文件添加到暂存区并进行提交,最后使用 `git push` 命令将项目推送到 GitHub。文章还提到了 `.gitignore` 文件和 `README.md` 文件的使用,以提升项目管理的规范性。
2024-09-13 14:00:15 280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人