这是我几个月前写的文章，在前端面试中原理相关的问题是问的最多的，所以重新推荐下这几篇文章 深入学习一个框架最直接的方式，就是弄明白框架的原理。React无疑是一个非常值得学习其原理的框架，它设计简单，没有引入任何新的概念…

nginx 适配react-routerbrowserRoute 路由问题 绝对能用的一篇nginx配置，文末直接有文件，伸手党直接拿走 本文环境比较复杂，首先两层nginx转发，并且访问路径也不是根路径。加上对ngin…

PDF 保存 原理 html转canvas再转pdf 以下是React中使用，改成VUE使用原理也差不多 该方案胜在省事，但是因为是转图片存，所以分页处可能会有点问题 第三方库 yarn add html2canvas …

React Hooks React在16.7.0-alpha.0版本中提到了Hooks的概念，目前还是Proposal阶段。 官方也陈述，接下来的90%的工作会投入到React Hooks中。 从目前官方的文档可以看出，…

React Router v4是对React Router的一次彻底重构，采用动态路由，遵循React中一切皆组件的思想，每一个Route(路由)都是一个普通的React组件。 BrowserRouter创建的URL形式…

Full-stack-blog(不断更新笔记) 效果Demo(有待进一步完善)搭建一个基于Koa2的多人blog功能(登录注册上传头像,发表博文,发表留言)参考自https://github.com/nswbmw/N-b…

在这篇文章中，我会简单讲讲关于 React 中的 key 与 diff 优化。 what key 是 React 用于追踪列表中元素被修改、被添加或者被移除的辅助标识。 why React 通过对列表中元素设置唯一 ke…

前言 最近将公司项目的 react-router 从 v3 版本升到了 v4 版本，react-router v4 跟 v3 完全不兼容，是一次彻底的重写。这也给升级造成了极大的困难，与其说升级不如说是对 router …

项目地址：wn-cli wn-cli wn-cli 像React组件开发一样来开发微信小程序 名字由来：wn -> weapp native 取第一个字母 Install npm install wn-cli --…

redux-order redux-order是处理redux的中间件，简化redux的异步流控制处理。 安装 npm install redux-order 引入redux-order import {createSt…

接上文， React流程图：https://bogdan-lyashenko.gith… 更新组件 关于组件的更新，我们先看下代码里的注释： 对于已挂载组件的更新过程，React会首先调用componentW…

接上文， React流程图：https://bogdan-lyashenko.gith… 最后的最后 更新方法基于子元素上的多个属性去处理子元素。这里会有几种场景，但是技术上来说主要是两种。一种是子元素仍然是…