react
文章平均质量分 79
前端瓶子君
每日一更,契而不舍。追求卓绝,放飞梦想!
展开
-
Create React App 的Webpack4配置高级进阶
React 框架搭建Creact React App(CRA)是创建React应用的一个构建脚本,并不处理后端逻辑及数据库,它与其他构建脚本不同的一点就是,它使用了 Babel 和 Webpack 这样的构建工具,使开发者不用单独去配置这些工具,从而降低了开发人员的学习难度。但对于一些高阶的开发人员,想要对Webpack做一些修改,包括对less、跨域访问的支持以及antd的配置等,下面就是我...原创 2018-12-10 14:56:00 · 1477 阅读 · 0 评论 -
深入diff 算法
深入diff 算法diff 作为 Virtual DOM 的加速器,其算法上的改进优化是React页面渲染的基础和性能保障,本节从源码入手,深入剖析diff算法。React 中醉值得称道的莫过于Virtual DOM与diff的完美结合,尤其是其高效的diff算法,可以帮助我们在页面蔌渲染的时候,计算出Virtual DOM真正变化的部分,并只针对该部分进行的原生DOM操作,而不是渲染整个页面...原创 2019-02-01 15:33:17 · 19627 阅读 · 7 评论 -
深入 setState 机制
React 是通过管理状态来实现对组件的管理,即使用 this.state 获取 state,通过 this.setState() 来更新 state,当使用 this.setState() 时,React 会调用 render 方法来重新渲染 UI。首先看一个例子:class Example extends React.Component { constructor() { su...原创 2019-02-11 14:23:06 · 1667 阅读 · 0 评论 -
探讨requestAnimationFrame
在JS中,我们可以使用 setTimeout 和 setIntarval 实现动画,但是 H5 的出现,让我们又多了两种实现动画的方式,分别是 CSS 动画(transition、animation)和 H5的canvas 实现。除此以外,H5还提供了一个专门用于请求动画的API,让 DOM 动画、canvas动画、svg动画、webGL动画等有一个专门的刷新机制。1. 是什么requestA...原创 2019-02-13 15:12:28 · 771 阅读 · 0 评论