

🚀 fetch + 发布订阅 打造全新的 请求方式
写在前面一般我们在vue项目中发送请求,大多使用的是axios,axios有很多的优势,比如他的拦截器,取消请求,上传进度,而且是一个基于promise的网络请求库,可以用于浏览器和node.js等等…(要不然也不会有这么多项目都在用)我一直用的也是axios不过前几日看了vueuse,还有这种写法
分类 实用干货 🌋 的文章
🏃 无为则无所不为 🌊


写在前面一般我们在vue项目中发送请求,大多使用的是axios,axios有很多的优势,比如他的拦截器,取消请求,上传进度,而且是一个基于promise的网络请求库,可以用于浏览器和node.js等等…(要不然也不会有这么多项目都在用)我一直用的也是axios不过前几日看了vueuse,还有这种写法
最近在深入研究TanStackQuery在项目中的各种高阶用法,发现结合FetchAPI封装接口请求方法也还挺好用的,它不仅是原生的高性能API,还能避免引入一个库(通常是Axios)。而且好多主流的网站实际上都使用了FetchAPI:然后就想着深入学习一下前端中常见的一些网络资源请求相关API和工
前言Vue3和React是市面上目前非常受欢迎的两个前端框架。它们都采用了组件化的开发模式,使得开发者可以将复杂的应用拆分为多个小组件进行开发,从而提高了代码的可维护性和重用性。然而,虽然Vue3和React都拥有各自的优点,但它们也存在着一些不同之处,本文将通过比较两者的相同点和不同点来帮助读者更
要说今年最热门的前端技术,Vue3和TS绝对榜上有名了。据了解,已经有很多公司在使用Vue3+TS+Vite开发新项目了。那么我们也不能落后,今天就给大家分享一下如何在Vue3组件中结合Composition-Api使用TS类型。如果有不会或者不熟的小伙伴,一起学起来吧!为props标注类型使用sc
Vue3如何监听localStorage的变化。?为什么要这样做?原生的localStorage只能监听同源地址下不同页面的localStorage变化,作为单页面应用,显然不实用。所以我打算自定义一个hook监听localStorage的变化。?思路首先我们需要重写localStorage下的所有
Proxy是ES6引入的一个新特性,它允许你创建一个代理对象,用于拦截对目标对象的访问。通过使用Proxy,你可以拦截目标对象上的各种操作,比如属性访问、属性赋值、函数调用等,并在这些操作发生时执行自定义的逻辑。在Vue3中,Proxy被用于劫持组件实例,以实现响应式数据的跟踪和更新。当你在Vue组
缓存,消息队列,分库分表是高并发解决方案三剑客。缓存之所以能够让系统“更快”,本质上做到了如下两点:减小CPU消耗将原来需要实时计算的内容提前算好、把一些公用的数据进行复用,这可以减少CPU消耗,从而提升响应性能。减小I/O消耗将原来对网络、磁盘等较慢介质的读写访问变为对内存等较快介质的访问,从而提
CSS的hover效果是一种常用的前端技术,通过为元素添加鼠标悬停状态下的样式,可以增强网页的交互性和用户体验。通常我们会使用:hover伪类来实现这个效果,但在某些情况下,我们也可以使用逆向思维来实现更加复杂和创新的hover效果。使用opacity属性opacity属性控制元素的不透明度,其取值
PostCSS是什么?PostCSS是专门用于处理CSS代码的工具,通过一系列的插件来修改最终样式,这样不仅可以让我们使用最新的CSS特性,提高开发效率,还可以转义CSS,实现兼容大多数浏览器。它相当于CSS界的Babel。为什么使用PostCSS例如,我们可以利用autofixer插件,把一些新的


组件,是前端最常打交道的东西,对于React、Vue等应用来说,万物皆组件毫不为过。有些工作经验的同学都知道,组件其实也分等级的,有的组件可以被上万开发者复用,有些组件就只能在项目中运行,甚至挪动到自己的另外一个项目都不行。如何考察一个前端的水平,首先可以看看他有没有对团队提供过可复用的组件,一个前


Git?目前已经成为最热门的代码管理工具了,进而甚至衍生了如今特别成熟的代码管理平台Github,Gitlab等等.因此如果作为一个Coder,如果经常在协作中出现Git操作不熟练甚至搞出些幺蛾子来,那可就一点都不酷~?因此,在大环境的驱使下,如何在团队协作中进行Git最佳实践,对每一个项目的顺利进


这听起来是不是很耳熟:你想写一个小型脚本,不管是为页面、命令行工具,还是其他什么类型。你从JavaScript开始,直到你想起写代码时没有类型是多么痛苦。所以你把文件从.js重命名为.ts。然后意识到你已经打开了一个麻烦的玩意儿。如果你在为一个网站或一个库写代码,你就需要引入编译的步骤。如果你在编写