标签：react.js

React 初窥：JSX 详解

React 初窥：JSX 详解从属于笔者的 React 与前端工程化实践系列文章，本文引用借鉴的以及更多 React 相关资料参考 React 学习与实践资料索引。 JSX 我们在上文中已经很多次的提及了 JSX，大家…

什么是虚拟DOM 虚拟DOM可以说是现代前端库的标配了，好像你一个前端框架不实现一个虚拟DOM出门都不好意思跟人打招呼，那么到底什么是虚拟DOM呢？根据百度百科：文档对象模型（Document Object Model…

按需加载配置 npm install react-app-rewired@2.0.2-next.0 babel-plugin-import --save 在项目根目录下新建config-overrides.js cons…

第一印象开发代码 demo.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title&g…

react作为当前十分流行的前端框架，相信很多前端er都有蠢蠢欲动的学习它的想法。工欲善其事，必先利其器。这篇文章就简单的给大家介绍一下如何我快速的搭建一个react前端开发环境。主要针对于react小白，大神不喜勿喷。…

Hook 简介 Hook 是 React 16.8 的新增特征。是对 React 函数组件的一种扩大，经由过程供应一些特别的函数，让无状况的组件具有状况组件才具有的才能。没有Hook之前写组件有两种情势，分别为函数组…

1.在 DOM2.0 事件分为捕获阶段和冒泡阶段，React 中通常我们注册的事件为冒泡事件，如果要注册捕获阶段的事件，可以在事件名称后加 Capture 如： onClick onClickCapture 2.表单事件…

在上一篇中写过，组件可以分为函数式组件和类组件，并且更新组件的方法也给出了通过传入ReactDOM.render()方法进行更新。但是这种方式并不能很好地进行封装成独立功能的组件，一些操作会由外部进行控制。而我们理想中的…

需求背景最近有个需求，需要在项目中添加一个消息通知弹窗，告知用户一些信息。用户看过消息后，就不再弹窗了。问题很明显，这个需要后端的介入，提供相应的接口（这样可扩展性更好）。在开发过程中，遇到个问题：由于我们的系统…

webpack4特性 webpack4比较热门的两大特性，零配置和速度快（号称提速上限98%）一般情况下，webpack4相比于低版本，production场景下第三方依赖打包速度和 development场景下本地…

在实际的业务场景中，form表单里面提交upload是一个非常普遍的应用场景。这里记录下，自己使用form表单，upload图片的代码。话不多说，直接上代码。封装一下upload组件 import * as Reac…

本文为学习笔记，适合入门的童鞋，如有错误，请多多指教。一、react诞生 Web app的性能瓶颈，主要有以下原因。（1）Web基于DOM，而DOM很慢。浏览器打开网页时，需要解析文档，在内存中生成DOM结构，如果遇…