水白泉

为什么要封装一个H5照相机组件 项目上有个需求就是说移动端网页中的照相机要支持连拍功能。 要知道咱们一般网页中通过input标签调用出来的照相机都是拍完后需要进行点击确认操作，然后再重新点击拍照按钮调

Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。语法上，Generator 函数是一个状态机，封装了多个内部状态。

1. useEffect 简介 对于第二点，首先，针对 Class Component 来说，我们写 React 应用时经常要在组件的各种生命周期中编写代码，如在 componentDidMount 和 componentDidUpdate 中发送 HTTP 请求、事件绑定、甚…

RouterModule对象为提供了两个静态的方法:forRoot()和forChild()来配置路由信息。 RouterModule.forRoot()方法用于在主模块中定义主要的路由信息. RouterModule.forChild()与 Router.forRoot()方…

工厂模式是用来创建对象的一种最常用的设计模式。我们不暴露创建对象的具体逻辑，而是将将逻辑封装在一个函数中，那么这个函数就可以被视为一个工厂。工厂模式根据抽象程度的不同可以分为：简单工厂，工厂方法和抽象工厂。 如果只接触过JavaScript这门语言的的人可能会对抽象这个词的概念…

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

前段时间，Vue 官方释出了 Composition API RFC 的文档，我也在收到消息的第一时间上手尝鲜。 虽然 Vue 3.0 尚未发布，但是其处于 RFC 阶段的 Composition API 已经可以通过插件 @vue/composition-api 进行体验了。…

styled-components 结合 React 框架使用，能让其支持 CSS in JS 的写法。比如： 以上是 SC（styled-components 简称，下同）的一个简单用法，它很方便的创建了一个 Button 组件，然后你就可以在任何地方使用这个组件。 这一切是…

代码中如果if-else比较多，阅读起来比较困难，维护起来也比较困难，很容易出bug，接下来，本文将介绍优化if-else代码的八种方案。 如果if-else代码块包含return语句，可以考虑通过提前return，把多余else干掉，使代码更加优雅。 使用条件三目运算符可以简…