介绍React.memo之前，先了解一下React.Component和React.PureComponent。 React.Component React.Component是基于ES6 class的React组件。 …

没事儿玩些小操作还是蛮开心的，毕竟闲下来人就有点慌，真是搬砖的命，难怪没女朋友搬砖就能很开心了。 项目第一阶段快告一段落了，然后就做起二期的准备了，功能变动应该不会太大还是table、search、header、deta…

React总结 入门 特点 Declarative(声明式编码) Component-Based(组件化编码) Learn Once, Write Anywhere(支持客户端与服务器渲染) 高效 高效原因 虚拟(vir…

原博文地点: http://cheng.logdown.com/posts/2016/03/26/683329 当我们像下面如许运用React的ES6 class语法建立一个组件的时刻： class MyClass ex…

[toc] 在chrome(版本 70.0.3538.110)测试正常 编写涉及：css, html,js, node(koa) 在线演示codepen html代码 <div class="hash"> &…

github: 地址gitbook: 地址 Index.js 看一个代码的时候首先当然是从他的入口文件开始看起，所以第一份代码我们看的是/index.js文件 开始 打开index.js文件，代码只有28行，其中包含了一…

一面 笔试题 1 实现一个函数，判断输入是不是回文字符串。2 两种以上方式实现已知或者未知宽度的垂直水平居中。3 实现效果，点击容器内的图标，图标边框变成 border 1px solid red，点击空白处重置。4 请…

原文地址 组件开发 特性对比 众所周知，Vue和React都有那么一个特性，那就是可以让我们进行组件化开发，这样可以让代码得到更好的重用以及解耦，在架构定位中这个应该叫纵向分层吧。但是，两个框架开发组件的写法都有所不同（…

IntersectionObserve这个API，可能知道的人并不多(我也是最近才知道…)，这个API可以很方便的监听元素是否进入了可视区域。 <style> * { margin: 0; pad…

本文发布于 我的博客 最近对团队内部 React 组件库（ne-rc）中的 Form 组件进行了重构，记录一下思考的过程。 一些前置定义： 名词 定义 表单 Form 组件 子表单 嵌套在 Form 下面的类似 Inpu…

烦恼 是这么回事，笔者刚入门的时候就觉得写redux太难受了。写action，写types，写reducer，然后在action和reducer中注入type，等写完一个redux，可能5分钟就过去了。但是好像又没有什么…

可能看过我以前文章的同学应该会猜得到当我用New的方法来举例学习高阶组件时，接下来要分享的就是柯里化了。高阶组件与函数柯里化的运用是非常能够提高代码逼格的技巧，如果你有剩余的精力，完全可以花点时间学习一下。 在前端基础进…