“放屁，现在哪个程序员不使用低代码工具？你真的以为低代码这个概念是最近才有的吗？你懂个屁，低代码一直都是高效的生产力工具。”

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

在GitHub上接触一个新项目时，如果有一个详实有效的README，可以极大降低学习成本， 提升用户体验。 上篇文章中也介绍了介绍了如何通过badge等方式，让你的README更直观。 但是另一个很重要的信息总是被忽略，那就是个人介绍。如果把个人也看成一个项目，如何让其他人快速…

国庆在家无聊，我随手翻了一下家里数据库相关的书籍，这一翻我就看上瘾了，因为大学比较熟悉的一些数据库范式我居然都忘了，怀揣着好奇心我就看了一个小国庆。 看的过程中我也做了一些小笔记，可能没我之前系统文章那么有趣，但是绝对也是干货十足，适合大家去回顾或者面试突击的适合看看，也不多说…

1. 防抖 2. 节流 3. new 4. bind 5. call 6. apply 7. deepCopy 8. 事件总线 | 发布订阅模式 9. 柯里化：只传递给函数一部分参数来调用它，让它返回一个函数去处理剩下的参数 10. es5 实现继承 11. instanceo…

解决了的问题是：当我们一个函数组件想要有自己维护的state的时候，不得已只能转换成class。这样很麻烦！ 😄1. 重点： useState的初始值，只在第一次有效 我当时反正没有当回事，直到遇到了坑... 🌰2. 举个例子： 😄 1. 就是相当于全局作用域，一处被修改…

左右固定，中间自适应。 防抖(debounce):就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。 search搜索联想，用户在不断输入值时，用防抖来节约请求资源。 节流(throttle):就是指连续触发事件但是在 n 秒…

Grid-layout不是为了取代flex-layout，它是flex的补充。grid擅长二维布局，flex擅长一维布局。他们需要各司其职。 千呼万唤始出来的grid-layout终于在2017年3月开始支持得到了部分浏览器的支持。 flex并不能满足我们对于页面整体布局的需求…

无论组件的dom位置在页面何方，会准确计算鼠标位置以及自动在右侧悬浮一个查看区域，并且当右侧位置超过边界后，查看区域会自动出现在左边。 boxSize: 设置放大镜主体框的大小，会自动在右侧生成一个与之同样大小的查看放大图像的悬浮框，默认500。 minImgUrl: 放大镜小…