哆啦咪哆

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

这篇文章主要是教你怎么在画布上基于fabric去实现一个图片裁剪的功能，分别讲述了 clip 和 crop 两种方式...

Fabric.js 作为一个功能强大、操作简单的 HTML5 画布库。尝试学习如何借助它更好地进行 canvas 开发； 以实现创客贴、易企秀、稿定设计这些设计平台的智能抠...

大家所见到的大多数都是有规则截图,可以应付大部分的应用场景,但是对于图片处理,想要将规则交给用户,普通的截图已经满足不了用户了,那我们能不能前端实现图片的任意规则截取,接下...

不是标题党，这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成...

许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红，分享我的学习工作经历，作...

既然我们使用了 WebView 来承载 H5，那么便少不了与 Native 之间发生交互，WebView 所承载的页面，通过 JS 与 Native 进行通信，我们将这个通...

页面白屏，绝对是让前端开发者最为胆寒的事情，特别是随着 SPA 项目的盛行，前端白屏的情况变得更为复杂且棘手起来 这里的白屏是指页面一直处于白屏状态，要是能检测到页面白屏就...

策略模式（Strategy Pattern）允许在运行时根据不同的情况选择不同的算法或策略。该模式将算法或策略封装起来，使得它们可以相互替换，此模式可以让算法的变化隔离于使...

随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之...

浏览器渲染 DOM树 CSSOM树 CSS不会阻塞HTML解析 JS会阻塞HTML解析 reflow repaint...

DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。 Dom标准事件流的触发的先后顺序为：先捕获再冒泡。...

相信每一个前端er对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩，碰到这种情况，就只能自己总结一篇博客，作为记录。 ...

网络分层模型主要有两大类，一种是偏学术性的：OSI 七层网络模型；一种是偏应用性的：TCP/IP 网络模型，其又分为四层模型和五层模型。 OSI 七层模型是学术界提出的，从...

<script>标签的defer和async属性你真的了解吗？load和DOMContentLoaded事件又是怎么一回事？...

微前端架构旨在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用后，随之而来的应用不可维护的问题。这类问题在企业级 W...

软件工程中，我们不仅要创建一致的定义良好的 API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活...

一、前言 在上一章节中, 我们学习了@babel/parser的基本用法，了解了parser是通过配置支持不同语法。 本文将继续学习另一个babel非常核心的库@babel...