<h1 id="adapter">Adapter（适配器模式）</h1> <p>Adapter（适配器模式）属于结构型模式，别名 <code>wrapper</code>，结构性模式关注的是如何组合类与对象，以获得更大的结构，我们平常工作大 ...

<h2 id="1">1 引言</h2> <p><code>useRef</code> 是常用的 API，但还有一个 <code>createRef</code> 的 API，你知道他们的区别吗？通过 <a href="https://bl ...

<h2 id="1">1 引言</h2> <p><a href="https://www.youtube.com/watch?v=RCiccdQObpo">React Conf 2019</a> 在今年 10 月份举办，内容质量还是一如既往 ...

<h1 id="1">1 引言</h1> <p>“一带一路” 正在积极推动中国的国际化进程，前端网站也面临着前所未有的国际化挑战。那么怎么才能积极响应 “一带一路” 战略，推动网站的国际化工作呢？可以先从国际化布局开始考虑。</p> <p> ...

<h2 id="1">1 引言</h2> <p>本期精读的文章是：<a href="http://thisdavej.com/how-to-watch-for-files-changes-in-node-js/">How to Watch ...

<p>本周精读的是 webpack4.0 一些变化，以及 typescript 该怎么做才能最大化利用 webpack4.0 的所有特性。</p> <h2 id="1">1 引言</h2> <p>前段时间尝试了 parcel 作为构建工具， ...

<h2 id="1">1 引言</h2> <p>Flex 与 Grid 相比就像功能键盘和触摸屏。触摸屏的控制力相比功能键盘来说就像是降维打击，因为功能键盘只能上下左右控制（x、y 轴），而触摸屏打破了布局障碍，直接从（z 轴）触达，这样 ...

<h1 id="decorator">Decorator（装饰器模式）</h1> <p>Decorator（装饰器模式）属于结构型模式，是一种拓展对象额外功能的设计模式，别名 <code>wrapper</code>。</p> <p><st ...

<p>本期精读文章是：<a href="https://medium.com/@franleplant/react-higher-order-components-in-depth-cf9032ee6c3e">React Higher O ...

<h2 id="1">1 引言</h2> <p>与组件生命周期绑定的 Utils 非常适合基于 React Hooks 来做，比如可以将 “发请求” 这个功能与组件生命周期绑定，实现一些便捷的功能。</p> <p>这次以 <a href=" ...