心豆茶

WebAssembly 是一种新的编码方式，它是继html、css、JavaScript之后又一种可以在浏览器中运行的文件格式。

背景 为什么前端需要状态管理？现代主流的前端框架，不管是 react 还是 vue，都是组件化开发。组件化虽然可以提高代码复用率，但是同时也带来一个问题，那就是组件之间的通信。

在canvas中，width属性和style中的width两者的含义是不一样的。因为在canvas中有一个关于“画布”的概念。canvas中的图形都是在“画布”上绘制的；而style是绘制的图形最终呈现在浏览器中的样式。 我们以百度logo图片为例，分别设置不同的width和s…

JavaScript 将日期存储为自 1970 年 1 月 1 日 00:00:00 UTC（协调世界时）以来的毫秒数。 在设置日期时，如果不规定时区，则 JavaScript 会使用浏览器的时区。 当获取日期时，如果不规定时区，则结果会被转换为浏览器时区。 换句话说，假如日期…

看了网上很多关于async/await和promise执行顺序的文章，感觉都没有说到点子上，都是根据结果在推测执行顺序。本文带你彻底搞懂这两者的执行顺序。前提是你对async/await和promise本身就已经有了一定的了解。 首先看一下下面这几道例题，思考一下每题的输出结果…

本文将开始详细介绍图像标注工具的开发过程。主要包括布局、事件类型、图形类设计等内容。 整个工具的布局是比较简洁的。分为上中下三个部分： 顶部工具栏：主要包括放大、缩小、旋转、平移、全屏、清除、配置等各种操作。 中间绘制区：为主要的图片展示区域和数据图形绘制区域。 底部自定义：本…

大概半年前，项目中有一个需求，需要对图片进行拉框标注，当时搜索了一番，没有找到特别合适的可以直接拿来使用的开源项目。最终只好亲自动手，基于canvas做了这个图片标注工具---vue2-drawboard。 由于当时急需这个工具，项目时间比较紧迫，所以整体的使用框架是vue2.…

发布订阅模式是任意绑定和触发的，不存在关联关系；而观察者模式存在观察者和被观察者，并且需要建立两者之间的关联关系。在前端，这两种模式都广泛使用。比如：在vue中，组件之间的通信$on和$emit就是发布订阅模式；而数据的依赖收集则采用的是观察者模式。

所谓的装饰器模式其实就是在不改变原有功能的基础上添加新的功能。 假设已经存在一个核心函数。在执行整个函数之前需要加上自己的处理逻辑。可以这样处理： 有这样一种场景，在已经添加了处理方法的监听事件上需要添加自己的逻辑。显然，我们不可以改变原来的绑定方法，这时，就可以使用装饰器模式…