Varian米大王

什么是设计模式？ 设计模式就是代码问题的一套解决方案，或者说，解决特定问题的“最佳实践”。 常见的设计模式大概有23种，本文会使用JS实现以下四种设计模式： 对象、组合模式、适配器模式、装饰者模式。

dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。

如果说面试官只能问一个问题考察一个人前端知识的广度和深度的话，那一定是从输入URL到页面展示发生了什么。为什么这么说？因为从输入URL到页面展示就是前端的"核心主线"，搞清楚这个问题，就能站在更高维度去理解前端。今天就结合最近一段时间的学习和积累，争取把这条主线尽我所能地讲清楚…

小白前端学习 JavaScript 过程中遇到的第一道坎，大概率就是 this 了。曾经我也被 this 搞的非常头大，还看过不少博客，但我觉得大多数文章写的有些复杂或者又引入了一些新的概念，加大了理解难度。本文就站在各位前辈大佬的肩膀上，做一下总结升华，目的就是让大家一次搞定…

上次的一次搞定前端四大手写在知乎上收获了500多个赞，简直让我受宠若惊。今天就趁热打铁，写一下一次搞定七大 React Hooks，一方面是为了复习下 React，另一方面是跟小伙伴们分享一些我学习 React Hooks 时的心得体会。由于水平有限，目前只能从 React H…

本文是前端手写系列的第二篇，讲如何手写一个 bind，会从 bind 用法开始，逐渐带你领略手写 bind 的三种境界。 bind 是用来干嘛的？跟 bind 发音其实很像，是用来绑定 this 的。 语法很简单，就是函数绑定 this —— function.bind(thi…

说到手写深拷贝，可以说是大多数前端的阿克琉斯之踵了，面试年年考，大部分人年年不会，网上博客遍地还都是错的。本文的目标很简单，就是提升你今后面对这个问题时的信心。 这两个都是浅拷贝。 我先举个例子，有这么个需求，你有一个计算器组件 NumPad 和一个对象 record ，你可以…

Express 可以说是最经典的 node.js Web 框架，其地位就好比 Tomcat、Jetty 之于 Java Web Server 的地位，本文一次总结所有 Express 的常用API。话不多说，让我们开始吧！ 启动 --> fn1 --> fn2 --> fn3 …

结果是都不行，网上找了一圈，也没有查到相同的报错。然后最搞笑的是，这个问题用一条命令就解决了。 yarn 安装的 source-map-support 里面居然没有 source-map-support.js这个文件，真厉害。 有人说 yarn 比 npm 稳定，其实 yarn…