1.前端后端关注点 1).前端: 页面表现，速度流畅，兼容性，用户体验 2).后端: 高并发/高可用/高性能，安全，存储，业务 2.WEB前后端分离（前端静态化、后端数据化、平台无关化，架构分离化） 1).未分离时期 A…

组件库的现状 前端目前比较主流的框架有react，vuejs，angular等。 我们通常去搭建组件库的时候都是基于某一种框架去搭建，比如ant-design是基于react搭建的UI组件库，而elementUI则是基于…

⭐️写在开头 阅读React官网的 RECENT POSTS的个人翻译/摘要(部分)。 英文片段为官网原文片段。 原文地址 ⭐️为什么要使用React 目前已经有很…

初始化渲染 『从零开始写一个 React』 将会是一个小系列，记录学习 React 源码的过程，并逐步实现一个简易的类 React 库。 这是本系列的第一篇文章，该文章将阅读 React 初始化渲染相关的代码，并实现一个…

2017-06-11 前端日报 精读前端调试技巧 – 知乎专栏CSS 揭秘笔记利用HTML5 Web Audio API给网页JS交互增加声音后 ES6 时代的正则匹配三年来，从未如此随性Reducing o…

高阶组件（HOC）是React开发中的特有名词，一个函数返回一个React组件，指的就是一个React组包裹着另一个React组件。可以理解为一个生产React组件的工厂。 有两种类型的HOC： Props Proxy（…

介绍 React 是一个采用声明式，高效而且灵活的方式来构建用户界面的框架。 HelloWorld 像学习Vue一样学习React，要使用React框架需要导入相关依赖，架构不同，导入方式不同，如果是直接写html那么需…

有没有遇到这样一种情况，你花了很大精力在业务项目中写了一个组件，你觉得这个组件很通用，除了当前的业务场景还应该有其他的应用场景，所以你想开源这个组件，但又不知道从何入手。这篇文章就来聊聊如何开源一个前端组件，无论是业务中…

如何渲染到容器 直接上代码： //第一个参数是构造的组件，第二个参数是使用组件的容器 ReactDom.render( <Avatar name='' link='' />, document.getElem…

之前画了一张redux的流程图，能够看看右下角的部份，能够看出来怎样举行优化。 在reducer内里，只管削减数据的更改 不要做过剩、无意义的事 也就是能不转变就不转变。比方不要做下面这类无谓的事变： function …

关于React的一些小学问 这里搜集了几个关于react的零星学问，有些虽然晓得了也不一定能帮你写出更好的代码，但能够扩大一下学问。 以下悉数来自于 https://overreacted.io，须要更细致诠释的能够去内…

在React内里有两种组件, Class components(类组件) 和 Functional components(函数式组件).二者有显著的区分,比方 Class Components 是属于ES6的类 Func…