侯全

本文希望通过前端视角，以 Typescript 作为编程语言，谈谈如何使用 IoC 和 DI 等机制，让大型的前端项目在解决代码依赖、复用和扩展的时候，轻松自如，游刃有余。

本文讲述如何应用 yjs。首先讲述 yjs 的常用 API，然后通过两个案例，介绍 如何绑定数据 和 数据协同时的生命周期。

本文基于 http://json.org/json-zh.html 定义的状态机，讲述了解析JSON的typescript实现。

yjs 是 CRDT 的一种实现。本文翻译了 yjs 的支撑论文中的部分内容，用于理解 yjs 的实现原理。

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

Event Loop即事件循环，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。 是要增加自己技术的深度，也就是懂得JavaScript的运行机制。 现在在前端领域各种技术层出不穷，掌握底层原理，可以让自己以不变，…

之前大概看了libuv的源码，看到eventloop里每个phase，一旦进入之后，在这个phase的回调队列的所有回调被执行完之前，是不会返回的。这就和node的表现有出入了，node 11之后，每执行一个回调，都会看一看有没有待执行 nextTick 和 microtask…

某日移动端有一需求：要求一 App Logo 有一层外阴影闪动效果，实现起来倒也不复杂。简单粗暴直接在 keyframes 中定义 box-shadow 动画即可交差，最终代码如下： 动画在 PC 端运行时我这写轮眼是看不出任何卡顿的，一旦在模拟器或者移动端上运行情况就不那么乐…

所有时序数据就是基于时间而产生的一系列数据，在有时间坐标的坐标体系中，按照时间将这些数据点连成线，可以揭示其趋势与规律，如果对这些时序数据加以分析处理，可以用以训练机器学习模型，从而实现对未来的预测与预警。 了解了时序数据，时序数据库也就不难理解，就是用来存放时序数据的数据库。…