KaiserKX

使用 Canvas 开发一个画板，用于绘制多个 clip-path 的 polygon 图形，并最终导出，用于碎片化组件的展示。...

基于 clip-path: polygon(x y, x2 y2, x3 y3); 实现碎片化图像的效果。...

当我们收到系统异常通知的时候，普通的监控系统只能告诉你系统出现了错误，但是不能给出错误的复现路径。所以建设一套用户行为录制和回放的系统很有必要。...

这篇：前端监控平台系列：JS SDK（已开源）文章已经讲的很清楚怎么劫持原生的函数，并拿到我们想要的信息，如果页面正常运行时则记录用户行为栈，如果页面报错时则上报该错误并将...

前言 在前端开发中，页面白屏是一个关键指标。一方面，页面加载时白屏时间过长会显著影响用户体验；另一方面，异常场景下白屏更是系统稳定性的一大隐患。 本文将介绍前端项目白屏监测...

本文侧重于加载性能方面给出了一些具体的白屏优化措施：主要分为网络层面和代码优化方面。在本文的最后，还介绍了SSR的渲染方案和一些持续性的性能监控方案。...

之前文章介绍了webpack的plugin插件是如何运行的，但是对于某个特定的插件具体如何执行的还是不太清楚，这篇文章从实例的角度来剖析html-webpack-plugi...

最近写了第三个移动端 H5 的项目，准备记录下自己在 H5 项目中的一些实践探索。移动端 H5 与 PC 端开发最大的区别之一，大概就是响应式布局问题。 那么下面我们就来聊...

现在面试题会问到很多的场景题，本文以设计input搜索框为例，从从用户体验、性能优化（面向浏览器渲染、面向服务端请求）、前端安全、兼容性等四个大的维度展开。...

租房 landlord (男)房东 tenant 房客 house renting agency/agent 中介 main tenant 二房东 co-tenant 合租...

动态视图是Grafana的一个插件，该插件可以动态填充数据、自定义数据与图表的交互。只要你的业务功能可以用流程图绘制，都可通过本文的方式构建出一张动态视图，以可视化方式展现...

导读 如果使用nestjs开发接口并部署之后，我们通常需要考虑到接口是否会被恶意盗刷消耗过多的资源，一个简单的方式就是限制在单位时间内的访问次数。...

实现这样的一个功能我们就需要引入`tensorflowjs`，使用官方训练好的`人体分割（Body Segmentation）`模型，在视频播放时将每一帧生成一直图片，放到...

本文介绍了如何使用Nestjs集成Next.js，使用Nest.js的服务启动Next.js，并解决了tailwindcss引入的有关问题。...

怎样把每次构建的Next.js应用的镜像差异大小从2GB优化到20MB，构建时间从8分钟减少到2分钟。...

SupaBase的接口使用比较灵活，可以在客户端直接调用，也可以在服务端调用。开发过web应用的同学在处理数据访问权限时应该比较熟悉一些基本的套路，甚至这些套路已经固化到了...

本教程以之前对 Postgis 和 Supabase 的学习为基础，并在此基础上添加了 Supabase Realtime。如果您是此主题的新手，我们建议您先查看以下内容：...

本文通过登录表单的案例，介绍了如何使用zod和react-hook-form实现表单数据收集和校验的全过程和数据校验，并补充了一些需要的注意事项。...

在这篇文章中，我们将深入了解 2024 年 React 项目中可使用的众多库。如果你想全面了解 React 生态圈，那么本文一定会对你有很大帮助。...