大头恐龙的知更鸟

什么是 Proxy ？它到底起什么作用？在解释之前，让我们看一个真实的例子。 我们每个人在日常生活中都有很多事情要做，比如阅读电子邮件、接收快递等等。有时我们可能会感到有点焦虑：我们的邮件列表上有很多垃圾邮件，需要花费很多时间筛选；收到的货物中可能含有恐怖分子安放的炸弹，威胁我…

登录是每个网站中都经常用到的一个功能，在页面上我们输入账号密码，敲一下回车键，就登录了，但这背后的登录原理你是否清楚呢？今天我们就来介绍几种常用的登录方式。 HTTP 是一种无状态的协议，客户端每次发送请求时，首先要和服务器端建立一个连接，在请求完成后又会断开这个连接。这种方式…

关于前端单元测试，其实两年前我就已经关注了，但那时候只是简单的知道断言，想着也不是太难的东西，项目中也没有用到，然后就想当然的认为自己就会了。 两年后的今天，部门要对以往的项目补加单元测试。真到了开始着手的时候，却懵了 😂 我以为的我以为却把自己给坑了，我发现自己对于前端单元…

本文尝试不同角度认识npm，包括npm的渊源、包机制设计、依赖管理、缓存管理等等，争取做一个合格的包管理者。

然而 Hello World 是学会了，在编写自己所想的组件过程中发现对其还是了解甚微，官方文档也较为简陋。 因此想把我理解、收获的内容分享出来，便于大家更好地上手编写自己的理想组件。 通过 ListWidget 的 addStack() 方法新建。 当 len = 0 时，它…

力荐~ 深度好文~ 深入理解 Javascript 10大设计模式

众所周知， create-react-app(以下称为CRA)是 FaceBook 开源的 创建 React 现代Web应用程序应用的脚手架，让我们可以快速和专注项目的开发而不用过多的去关心工具和服务的配置，在一些场景中还是需要另外的加入或者修改 CRA 中的配置，在 CRA …

在UI组件库的开发过程中，如何方便的展示组件，测试组件，编写文档呢？storybook就提供了这样一种工具，利用它我们可以更方便地进行UI组件开发。最近一直在研究react，react和storybook的碰撞会是怎么样的呢。下面将从零开始，运用storybook手把手撸一个r…

最近项目中遇到传统的锚点问题。那什么是锚点问题呢？ 锚点 是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。并且可以对网站内容通过菜单进行快速定位。 上图所示为锚点示意图，那这种需求我们怎么实现呢？下面我就来提供一些在不…