寒江疏影

意外收到字节面试，我是惶恐不安呀。😮‍💨刚开始自我介绍，还是小紧张的。不过面着面着就调整了状态。面的感觉不太行，分析了下：一方面是心里觉得大厂面试就是很难的，第二是收到...

CLS（Cumulative Layout Shift） 是 Web Vitals（Web 核心指标）之一，它衡量页面加载过程中内容发生的布局偏移。它用于反映在页面加载期间...

面试中常见的手写，防抖、节流、call、apply、bind、new 实现、instanceof、浅拷贝与深拷贝、数组去重、map 遍历、数组扁平化、快排、归并排序以及斐波...

Docker是个划时代的开源项目，它彻底释放了计算虚拟化的威力，极大提高了应用的维护效率,文章的主旨通过让开发者通过将一个vue项目进行Docker化,以达到对Docker...

以下是使用 JSONP 实现跨域处理时前端的一般写法： 创建回调函数： 首先，在前端页面中定义一个回调函数，该函数将在从服务器接收到数据后被调用，用于处理返回的数据。例如：...

可能大多数的同学并不会 TypeScript，他们用的，只不过是给 js 加了一些“注释”，然后洋洋得意“TypeScript 不过如此”。。。...

样式隔离实现起来不复杂，各种方案都有其局限性。目前比较稳定的方案还是使用 css Modules 之类的工具配合团队之间协商好样式前缀，从样式命名和优先级上解决问题。 主应...

埋点是数据采集领域（尤其是用户行为数据采集领域）的术语，指的是针对特定用户行为或事件进行捕获、处理和发送的相关技术及其实施过程。 如用户某个icon点击次数、观看某个视频的...

相信今天推荐的这个插件可以解决很多人 vite 使用过程中遇到过的体验不好的痛点，用过 import.meta.env 的小伙伴应该都有这样的问题。...

通过这篇文章你可以学习到：前端埋点&监控、区分js模块化、打包工具rollup、API之History、JS二进制、sendBeacon发送post请求等知识。...

Navigator.sendBeacon 是目前通用的埋点上报方案，可用于通过 HTTP POST 将少量数据 异步 传输到 Web 服务器。它主要用于将统计数据发送到 W...

引言 借助埋点监控sdk,我们可以统计用户的点击，页面pv、uv，脚本错误、dom上报等关键信息等。 一：项目初始化 1.技术栈 Ts rollup打包工具 2.搭建项目 ...

本文给大家分享一下使用原生canvas 实现一个简易的画板，包括画笔、橡皮、撤销、恢复、保存、水印等功能，附带源码...

注册；创建一个项目； 复制项目dsn； 全局初始化sentry； vite,webpack上传sourceMap;sentry详细操作手册;模糊搜索sentry信息；过滤s...

Husky 是一个流行的工具，它可以让你轻松地在 Git 钩子中使用脚本，从而在提交（commit）代码前运行诸如代码风格检查、单元测试等任务。这有助于保持代码库的质量和一...

大厂的开发流程还是比较规范的，如果你来不及学习长篇大论的 git 文档，这篇文章够你入职时用一段时间了。...

1，为什么要有前端监控？ 一个很现实的原因是bug是不可能被全部测试出来的，由于成本和上线档期的考虑，测试无法做到“面面俱到”，即使时间充裕也总会有这样或那样的bug埋藏在...

什么是前端埋点？怎么统计前端埋点数据？怎么上报平台并查看数据？手把手教你从零到一完成项目埋点，跟着文章步骤来你也可以完成一个项目的埋点...

一、概念 前端埋点是指在网页或者应用程序中插入特定的代码，用于收集用户的行为数据并发送给服务器进行分析。这些数据可以包括用户的点击、浏览、输入等操作，帮助开发者了解用户的在...