Miller

halo，大家好，我是132，在2020年最后一天，写一篇总结……那个，据说在掘金写文章，必须得要标题不要脸，才有人看，我信了搞架构之前今年七月份，我拿着一张学位证，一张毕业证，正式离开学校，开启了真

鼠标点击节点移动时，执行 mousemove事件，在这里来计算组件的宽高 (核心点，有兴趣可以深入研究，内含彩蛋)，修改block的 width和height，重新进行渲染。

有精力的话可以继续学习wokoo脚手架的搭建。 当测试的同学发现问题时，需要截图，打开测试平台，填写具体的问题，提交测试报告。如果能有插件在当前页面中弹出要填写的测试表单，是不是就减少了测试同学的工作流程？ 学会了浏览器插件开发后，可以做一些工作场景相关的插件，来帮助自己以及同…

注册的组件对象放在componentList（用于渲染组件菜单）和componentMap(方便查找)里。 在 mousemove 中通过计算鼠标 按下时位置 与 当前位置 的差值，计算出最新的选中的组件坐标。

最终效果实现功能：主页面结构：左侧可选组件列表、中间容器画布、右侧编辑组件定义好的属性从菜单拖拽组件到容器；单选、多选；容器内的组件可以拖拽移动位置；组件拖拽调整宽高；组件拖拽贴边，显示辅助线；操作栏

进程是操作系统资源分配的基本单位，进程中包含线程。 线程是由进程所管理的。为了提升浏览器的稳定性和安全性，浏览器采用了多进程模型。 浏览器进程：负责界面显示、用户交互、子进程管理，提供存储等。 渲染进程：每个也卡都有单独的渲染进程，核心用于渲染页面。 在浏览器进程中输入url地…

4.第三方模块，要先安装，查找顺序 本级目录 -> 上级目录 。。。->到根目录

我们平常做项目时，经常使用create-react-app脚手架，它可以帮我们快速生成一个零配置的react项目，它的webpack配置文件是对外隐藏的，但是想要针对项目进行优化配置，就需要借助其他工具和插件，比如react-app-rewired，或者运行eject命令，将配…

防抖、节流、手写promise、koa原理...