前端路由是现代SPA应用必备的功能,每个现代前端框架都有对应的实现,例如vue-router、react-router。 我们不想探究vue-router或者react-router们的实现，因为不管是哪种路由无外乎用兼容性更好的hash实现或者是H5 History实现，与框…

缓存的概念分很多种，本次讨论的主要就是前端缓存中的Http缓存。 前端发送请求主要经历以下三个过程，请求->处理->响应。 如果有多次请求就需要重复执行这个过程。 从以上的流程图可以看书，如果用户重复请求同一资源的话，会对服务器资源造成浪费，服务器重复读取资源，发送给浏览器后浏…

经常会有群友问起webpack、react、redux、甚至create-react-app配置等等方面的问题，有些是我也不懂的，慢慢从大家的相互交流中，也学到了不少。 ​ 今天就尝试着一起来聊聊Webpack吧，旨在帮大家加深理解、新手更容易上路，都能从0到1搭建配置自定属于…

写代码总绕不过需要调试，除了 UnitTest 外，我们还是需要借助 Xdebug 进行调试。 所以今天来说说如何基于本地 Docker 环境下，使用 Xdebug。 还是基于神级武器 —— Laradock。我们先看看 Laradock 官网是怎么安装 Xdebug。 目前开…

上一篇总览 我们介绍了 webpack 整体的编译过程，这次就来分析下基础的 Tapable。 webpack 整个编译过程中暴露出来大量的 Hook 供内部/外部插件使用，同时支持扩展各种插件，而内部处理的代码，也依赖于 Hook 和插件，这部分的功能就依赖于 Tapable…

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，此时在JS方面就会…

普通调用，例如foo()。 作为对象方法调用，例如obj.foo()。 构造函数调用，例如new foo()。 使用call、apply、bind等方法。 除箭头函数外的其他函数被调用时，会在其词法环境上绑定this的值，我们可以通过一些方法来指定this的值。 使用call、…

在上一篇 《 ES6 系列 Babel 是如何编译 Class 的(上)》，我们知道了 Babel 是如何编译 Class 的，这篇我们学习 Babel 是如何用 ES5 实现 Class 的继承。 关于寄生组合式继承我们在 《JavaScript深入之继承的多种方式和优缺点》…

1. 概述 决策结构在大多数编程语言中占据了至为重要的一步。但是我们常常会被大量的那种让代码变得难读且难维护的内嵌if语句搞得浑身难受。 在这次的教程中，我们将来过一下可以代替内嵌if语句的各种方法。让我们来探索简化我们代码的途径吧。 2. 案例学习 通常我们会遇到一些需要做一…