一、故事的开始 最近产品又开始整活了，本来是毫无压力的一周，可以小摸一下鱼的，但是突然有一天跟我说要做一个在网页端截屏的功能。 作为一个工作多年的前端，早已学会了尽可能避开麻烦的需求，只做增删改查就行

简介 使用 Canvas 实现的手画不规则多边形功能。通过鼠标在画面上点击的点作为多边形的顶点，连线形成多边形。除了手画之外，还加入了随机生成和回显，检测多边形横穿，凹凸性的检测。

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

分享一下几个后台管理系统比较常用的插件：下载、打印 html2canvas，jspdf，printjs

最近在使用SonarQube做代码质量评估时发现一个重要的警告提示信息，建议不要使用Math.random()生成随机数。 Math.random()生成的是伪随机数： Math.random导致的信

Hello 大家好 我是鲨鱼哥 最新的大厂前端面试题出炉啦 助力大家金九银十拿到好offer 大家冲起来～～

你需要了解Promise、async/await 的一些知识， 此文章使用yarn， 你也可以使用npm。 yarn add -D playwright-cli // 可用于记录操作，自动生成代码。 如果出错, 请将 await browser替换成await (await b…

一、playwright 的概述 playwright 是由微软公司 2020 年初发布的新一代自动化测试工具，playwright 基于 jest 的 e2e 测试框架，其在 jest 的基础上集成

数字千分位分割、手机号3-3-4格式拼接、trim函数实现、HTML转义、获取url query参数...你是不是也经常在面试和工作中遇到呢？让我们一起看看，如何用正则将他们一网打尽吧！！！