拿铁和绿豆粥

当点击图片的时候，我们需要其全屏展示，当我们再次点击的时候，图片退出全屏播放。在文末，我会将问题升级，留一个题目给读者思考......

在后台系统中有一种常见的功能，点击按钮将整个网页全屏，再点击退出全屏。 浏览器提供了2种全屏方式，一种通过API在js中实现，另一种是按F11键进入全屏模式。...

当前端的路由是从后端获取并通过router.addRoute()添加到vue-router时，为了避免页面刷新后由于没有路由报错或让用户重新登录，一般都会把用户信息保存到s...

前端部署其实是一个非常严肃的问题，对于大型应用24小时都有人访问，如果你还是用覆盖式更新的方式部署，肯定会导致页面出错的情况发生，因此，这就涉及到先全量部署静态资源，再灰度...

遇到屎山代码，大多数人第一反应就是这谁写的代码这么差，其实大多数公司大多数人至少曾经都写过一些屎山代码，有屎山代码很正常，问题在于怎么快速梳理出业务逻辑，防止在迭代新需求时...

很多开发者以为自己很忙，实则陷入了低效的重复劳动。通过搜索区、表格、编辑等场景，深度剖析封装误区与进阶策略，强调从组件到系统能力的跃迁，重构重复逻辑，提升协作效率，实现从页...

探索Vue3中 ref 与 reactive 间的区别，深入探究 pinia 的实现，发现 pinia 的不完善之处。...

在开发 Vue3 时，打印一个变量，会打印一大堆东西，一点也不直观，如下例： 针对这个问题，其实 Vue3 内部是做过优化的，可以点击浏览器控制台右侧的设置按钮，打开设置面...

vben请求接口格式 (代码提取主要的，有删减) defHttp 可知该变量是实例化了VAxios， VAxios 其中请求接口时会触发request方法，具体内容如下 其...

Axios封装 vben文档地址 index.ts配置说明 transform 数据处理说明 transform 抽象类定义 transform数据处理实现 createA...

在当前的开发环境中，ts与axios并肩作战的机会愈加频繁。本文主要就是介绍如何充分利用ts的特性简洁、高效地在代码中使用axios。...

在 Vue 前端项目打包更新后，我们部署了新的代码，而用户浏览器中的缓存却没有及时更新 没有刷新页面或长时间停留该页面中，还在访问老旧的版本。为了确保用户能够及时获得最新的...

上篇讲到，当在部署访问 SPA单页面应用 时 需要一次性加载所有前端资源，导致文件体积较大。这会增加加载时间并增耗用户的带宽 使用了gzip压缩来使代码文件大大缩小，加快加...

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第22天，点击查看活动详情 Element UI作为一款优秀的开源组件库，想必很多人都使用过，在Vue3...

前言 随着业务不断迁移到TypeScript中，如何编写可扩展，可维护的类型定义最佳方法是什么？应该如何组织对应TypeScript项目中的types和interface等...

!!! 绝不是水文，看标题可能很多人会觉得又是一篇封装axios的水文,，但请相信这从不是水文，这种写烂了的axios封装篇多写真没什么意义，大脸怪的文章全是干货, 坚持看...

最近遇到了一个坑 当在vue模板的中使用scss中的@mixin时，报错提示Undefined mixin xx。 1.第一个坑——需要在vite中配置 原本是将scss文...

图标方案千万种，unocss 图标方案或许是最佳实践，在介绍 unocss 图标方案之前，先简单铺垫下常用的图标方案有哪些......