在前端性能优化中，尤其是动画绘制中，我们需要关注浏览器的渲染频率FPS（每秒传输帧数(Frames Per Second)）,在Chrome浏览器上我们可以通过Performance 查看渲染Fps：

BaseMap基于Vue实现的底图绘制工具。 预览 在线使用 功能列表 组件创建：拖拽/拷贝 样式属性绑定：大小/位置/圆角/阴影/材质 组件拖拽:大小/位置/旋转 多选操作:样式设置/间距/对齐/删除 设置背景：图片/颜色/网格 快捷键:复制粘贴/创建/删除 本地缓存:自动/手动保存 历史记录:查看/应用 预览:全屏/缩放 gitHub仓库

HMR（Hot Module Replacement）是webpack一个重要的特性，当代码文件修改并保存之后，webapck通过watch监听到文件发生变化，会对代码文件重新打包生成两个模块补丁文件manifest（js）和一个（或多个）updated chunk（js），将结果存储在内存文件系统中，通过websocket通信机制将重新打包的模块发送到浏览器端，浏览器动...

canvans 画板比较基础的功能，但是使用canvas会话鼠标跟踪路径的方式，画笔的锯齿严重，影响用户体验，可以使用canvas 贝塞尔曲线进行优化处理。

分享一款基于angular8开发的web组态编辑器：Demo(Tag0.1.0) 目前已经支持特性： 拖拽：创建组态，布局 项目管理 页面管理：增加，删除 属性绑定：样式属性，静态数据 快捷操作：布局，删除，拷贝，粘贴 样式复制 预览 服务端支持（目前仅支持node.js开发中） 项目截图： GitHub 地址 目前开源版本功能服务端已经完成，[...