格子丿

前言 React 16 之后，推出了 Fiber 架构，而 Fiber 具体是个什么东西，有很多优秀的文章进行解读，而本文在学习了各个大佬的文章后，尽力以最通俗易懂过的话来解释 Fiber。

瀑布流布局是比较流行的一种网站页面布局，有一个专业的英文名称 Masonry Layouts。 瀑布流布局已经有好多年的历史了，其中最典型的例子是：Pinterest网站。 瀑布流布局其核心是基于一个网格的布局，由宽度相等高度不定的元素组成的参差不齐的多栏布局，随着页面的向下滚…

Promise和setTimeout综合输出顺序问题，宏事件微事件考察。 key相关事件发生顺序：onkeydown onkeypress onkeyup，只有onkeyup能够获取输入框完整的输入。 防抖： 如果没到时限，就清了计时器，重新倒计时。最后一次触发才会会执行操作 …

在我尝试加入一种新的表单类型时，我发现我已经无。从。下。手。 1. 子组件 所有的子组件中都需要包含两个方法validate、getData供父组件调用。 2. 父组件 使用策略模式存储并获取子表单的ref(用于获取子表单的方法)和提交函数 。省略了大量的if-else判断。

本人把shell文件放在了与前后端项目同级的目录下。也可以把它放在后端项目的静态目录下，记得把它添加进.gitignore避免提交就可以了。 git bash(windows)或终端(linux)中进入shell文件目录下，使用sh命令即可执行shell文件：sh ./shel…

当然不能简单粗暴的直接获取本地时间来倒计时，结果可能是每个用户的倒计时时间千差万别，而且用户可以恶意更改本地时间去绕过倒计时操作。 js倒计时有延迟。如果单纯使用js的setTimeout倒计时，代码运行时间越长偏差越大，本地时间的准确性就很可以实时纠正js倒计时的偏差。 pc…

1. 性能瓶颈 当数据更新时，虽然vue可以定位到最小更新粒度为组件级别，但在组件级别内，还是需要重新遍历模板生成新的vdom，更新粒度不够小。 diff算法：diff的工作量和组件模板大小成正相关。即使模板内只有少量的动态节点，也需要遍历整个组件去执行diff。 总结：vdo…

作为一个CTO可能会很艰辛和沮丧，但也充满了乐趣和满足感。 过去的七年，我在Walla!NEWS, Careerpage, 和 Appwrite担任CTO、研发部经理、软件架构师期间，积累了一些见解，可以帮助我完成我的工作并实现公司的目标。很长的一段时间里，我在考虑分享我的想法…