酷酷的琪琪仔

前端开发的世界，就像历史上的战国时期一样，各种框架、库、工具层出不穷，形成了一个百花齐放但也令人眼花缭乱的局面。

有一个任务非常耗时会消耗后台大量算力，所以在退出页面的时候，要求前端这边发送一个请求来杀死任务。 一开始以为这个需求非常简单，就是在进入其他路由前，发送一下请求，杀死一下任务就好了。 然而在刷新页面的时候，beforeRouteLeave并不会执行，接着想到了下面这两个API.…

通常UI提供PC端项目的设计稿尺寸都是1920*1080(16:9)的，但是电脑显示屏的分辨率是不固定的，所以按照这个固定像素做出来的前端页面在不同的显示屏上可能会出现页面显示不全或者是页面无法充满屏

今年春天莫名冒出一个“前端已死”的话题，搞得同行们人人自危。 这个话题和当下的环境是分不开的，如果环境很好，工作好找，那这个话题也就不攻自破了，不会流传开来。

defineExpose 这个方法是vue3 3.2+ 版本新增的，大概意思就是 在 <script setup> 组件中明确要暴露出去的属性，使用 defineExpose 编译器宏，简单的用法如下

前段时间在研究前端异常监控/埋点平台的实现。 在思考方案时，想到了浏览器自带的观察者以及页面生命周期API 。 Intersection Observer，交叉观察者。 Mutation Observer，变动观察者。 Resize Observer，视图观察者。 | 用途 |…

那你可能已经错过了一个真正为元素尺寸变化而生的原生 API —— ResizeObserver，了解一下。 ResizeObserver 到底解决了什么问题？ 在 ResizeObserver 出现之

我在工作中使用echarts较少，这就导致每次使用时都要从头再来，这让我很头疼。因此我决心编写一系列文章将我参与工作后几次使用echarts所用到的知识记录下来，以便将来可以快速查阅。

前言 技术栈 依赖引入 首先为了解决echarts的全量引入问题，我们需要单独书写一个echarts依赖引入文件，文件内部之引入我们需要使用的echarts依赖, 通过我们引入部分的 echarts/