泥巴嫩

这是多个feature组合使用后实现的神奇效果，在React源码中被广泛使用。 我们知道，React中有个特性Error Boundary，帮助我们在组件发生错误时显示“错误状态”的UI。 为了实现这个特性，就一定需要捕获到错误。 所以在React源码中，所有用户代码都被包裹在…

现在面试门槛越来越高，很多开发者对于网络知识这块了解的不是很多，遇到这些面试题会手足无措。本篇文章知识主要集中在 TCP/IP 这块，也会对物理层和数据链路层有简单的介绍。文中知识来自 《图解 TCP/IP》与维基百科，若有错误请大家指出。文章会持续更新。 面试 -- 网络 H…

最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题： 在 Android 和 IOS 上，获知软键盘弹起和收起状态存在差异，且页面 web…

对于依赖接口渲染的页面，在拿到数据之前页面往往是空白的，为了提示用户当前正在加载中，往往会使用进度条、loading图标或骨架屏的方式。对于前两种方案而言，实现比较简单；本文主要研究骨架屏的应用及实现，并给出一种使用Chrome扩展工具快速生成骨架屏的方案。 首先需要保留节点的…

虽然JavaScript本身很棒，但有它对应生态圈也很重要，这些圈会让 JS 更好。开发人员在开始一个新的中等项目时经常喜欢重新写轮子，这是一个糟糕的策略，使用第三方库是有意义的。因为这样的库有明确的用途，有更长生成的迭代，如果遇到问题更容易找到解决方法，最主要的一点是提高开发…

在 nestjs入门（一） 中，对 Nestjs 一些重要的概念有了一些了解，现在我们开始创建一个基于 Nestjs 的应用吧。 Nestjs 和 Angular 一样，提供了 CLI 工具帮助我们初始化和开发应用程序。 运行npm start后，在浏览器访问http://lo…

随着前端应用体积的扩大，资源加载的优化是我们必须要面对的问题，动态代码加载就是其中的一个方案，webpack 提供了符合 ECMAScript 提案 的 import() 语法 ，让我们来实现动态地加载模块（注：require.ensure 与 import() 均为 webp…

在过去的几个月里，React Hooks 在我们的项目中得到了充分利用。在实际使用过程中，我发现 React Hooks 除了带来简洁的代码外，也存在对其使用不当的情况。 在这篇文章中，我想总结我过去几个月来对 React Hooks 使用，分享我对它的看法以及我认为的最佳实践…