不入流前端

cypress 端到端测试（End-to-End Testing，简称E2E测试）是一种测试方法，旨在验证一个应用程序的整体流程和功能是否按预期工作。它模拟用户从开始到结束...

在当今 AI 飞速发展的时代，大型语言模型 (LLM) 如 Claude、ChatGPT 等已经在代码生成、内容创作等方面展现出惊人的能力。然而，这些强大的模型存在一个明显...

最近帮忙做一个项目的前端，遇到了一种通信方式就是SSE，这种也算是我的薄弱点，以前实现通信往往是轮询和websocket，现在用到了另外一种方法，SSE是服务端向客户端发送...

在日常业务开发里，DOM 截图 几乎是刚需场景。 但问题来了——市面上的截图工具，比如 html2canvas，虽然用得多，却有一个致命缺陷：慢！...

前端水印防篡改技术通过在网页内容上叠加半透明标识（如用户信息、时间戳等），结合监控与恢复机制，防止恶意删除或修改。其核心目标是实现数据溯源与版权保护。以下从原理、技术实现及...

Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Roll...

本文会带大家使用 TypeScript 封装一个构造函数 CanvasContainer。用来实现 Canvas 画布的 拖动平移 和 鼠标滚动缩放 两个常用的功能。...

我们都知道canvas是一个位图，你可以在里面渲染图片、文字等等，但是canvas没有属性来操作渲染的东西，例如用canvas画一张图片，想要操作图片就没办法直接通过属性来...

🌶️这次要介绍的一个demo是"拖拽多边形定点修改多边形形状"。我会用老奶奶也能学得懂的方式进行讲解...

未经授权，禁止转载！（仅限已授权的微信公众号转载） Grid（网格）布局是最强大的 CSS 布局方案，它用于构建二维布局。Grid 布局将页面划分成一个个网格，可以任意组合...

众所周知，正是因为 Claude 3.5 Sonnet 出色的编程能力，让诸如 Cursor、Windsurf 这样的编程工具大放异彩，而 Claude 3.7 Sonne...

引言 正如你可能已经注意到的，网络浏览器正在朝着更严格的自动播放政策发展，以改善用户体验，最大限度地减少安装广告拦截程序的动机，并减少昂贵和/或受限网络上的数据消耗。这些更...

一 需求场景 需要在监控画面中绘制一块监测区域（多边形），最后取多边形的各个坐标点。 鼠标左键：加入路径点 鼠标右键：撤销 鼠标移动：动态绘制区域 双击鼠标左键：清除画布 ...

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

【导读】本文总结了前端面试中经常问到的vue高频面试题，仅供参考。 下图为思维导图： 1.vue的生命周期有哪些及每个生命周期做了什么？ beforeCreate是new ...

今天来学习一下浏览器渲染引擎的工作原理，全文8500+字，文章内容较多，建议先收藏再学习！确定不点进来看看吗？...

进程和线程 进程是操作系统资源分配的基本单位，进程包含线程 线程是由进程所管理的，为了提升浏览器的稳定性和安全性，浏览器采用了多进程模型 浏览器中的5个进程 浏览器进程：负...