Miller

工作中经常用到的git命令和流程，以及使用场景，帮你快速入门git，在工作中应对自如，减少对git工具的依赖。

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

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

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

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

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

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

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

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。 构建就是把源代码转换成发布到线上的可执行 JavaScrip、…