2018-09-15ReactReact 基础篇 —— 生命周期详解前言本篇文章主要内容针对 React 类组件的生命周期展开,会详细介绍生命周期 “钩子” 的执行和用法,如果一点也不了解 React 的同学建议先学习一下 React 比较基础的内容 React 基础篇 —— 带你走进 React 世界。 阅读全文…
2018-09-10ReactReact 基础篇 —— 带你走进 React 世界React 介绍React 是前端最流行的框架之一,由 Facebook 产出,由于其独特的 JSX 语法与组件化开发模式,将原本前端基于 DOM 的编程方式变成了基于组件和数据编程,给前端带来的益处是颠覆性的,因为我们知道 DOM 操作是 “昂贵” 的,React 在提高应用性能的同时又大大提高了开发效率,所以受到很多前端开发者的支持,也就有了庞大的生态,如今 React 已经成为前端工程师之必备技术栈。 阅读全文…
2018-08-28Node.jsExpress 中间件 body-parser 原理分析前言Express 是基于 Node.js 平台的 Web 框架,应用广泛,在 Express 社区中有着大量的开发者通过 Express 中间件的特性,开发了各种功能的中间件,用来处理某些响应以及给请求对象 req、响应对象 res 添加属性或方法,我们接下来就通过分析常用的 body-parser 中间件的原理来了解如何开发 Express 中间件。 阅读全文…
2018-08-25Node.jsExpress 源码分析及简易封装前言Express 是 Node.js 的 Web 框架,与 Koa 的轻量相比,功能要更多一些,依然是当前使用最广泛的 Node.js 框架,本篇参考 Express 的核心逻辑来实现一个简易版,Express 源码较多,逻辑复杂,看一周可能也看不完,如果你已经使用过 Express,又想快速的了解 Express 常用功能的原理,那读这篇文章算往前迈一小步,也可以为读真正的源码做铺垫,本篇内容每部分代码较多,因为按照 Express 的封装思想很难拆分,所以建议以星号标注区域为主其他代码为辅。 阅读全文…
2018-08-20Node.jsKoa2 中间件原理解析 —— 看了就会写前言Koa 2.x 版本是当下最流行的 Node.js 框架,Koa 2.0 的源码特别精简,不像 Express 封装的功能那么多,所以大部分的功能都是由 Koa 开发团队(同 Express 是一家出品)和社区贡献者针对 Koa 对 Node.js 的封装特性实现的中间件来提供的,用法非常简单,就是引入中间件,并调用 Koa 的 use 方法使用在对应的位置,这样就可以通过在内部操作 ctx 实现一些功能,我们接下来就讨论常用中间件的实现原理以及我们应该如何开发一个 Koa 中间件供自己和别人使用。 阅读全文…