陶30

之前的文章React Mixins入门指南介绍了React Mixin的使用。在实际使用中React Mixin的作用还是非常强大的，能够使得我们在多个组件中共用相同的方法。但是工程中大量使用Mixin也会带来非常多的问题。Dan Abramov在文章Mixins Consid…

背景图源来自 Kaley Dykstra 并发布在 Unsplash 上，源代码图像生成自 carbon.now.sh。 在使用 React 时，您难免遇到受控组件和事件处理程序。在自定义组件的构造函数中，我们需要使用 .bind() 来将方法绑定到组件实例上面。 在这篇文章中…

this在javascript中已经相当灵活，把它放到React中给我们的选择就更加困惑了。下面一起来看看React this的5种绑定方法。 如果你使用的是React 15及以下的版本，你可能使用过React.createClass函数来创建一个组件。你在里面创建的所有函数的…

JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析。 React的核心机制之一就是可以在内存中创建虚拟的DOM元素。React利用虚拟DOM来减少对…

上一篇文章，我说到了如何实现一个简单的虚拟DOM，这一篇文章是接着上一篇文章的知识点的。 我们都知道虚拟DOM其实就是JS对象，我们用JS来操作对象比操作DOM性能要好得多。 因为如果我们有一个很庞大的DOM Tree，我们要对它进行更新操作，如果我们只是更新了它很小的一部分，…

总之，一切为了减弱频繁的大面积重绘引发的性能问题，不同框架不一定需要虚拟DOM，关键看框架是否频繁会引发大面积的DOM操作。 左图描述了一个数组，我们在渲染的时候让数组中的5个数据生成了5个虚拟DOM树，这时我们新增加一个数据，由于我们没有给节点key值，所以当我们在做两个虚拟…

学习过框架尤其是VUE、React的肯定都知道Virtual DOM这个概念。因为我也很想知道并且了解它是一个什么东西，所以我打算把自己学习的分享个大家。如有错误，请大家指明。 首先，说一下什么是虚拟DOM。 虚拟DOM就是用JS对象来表示或者是模拟一个真实DOM的结构。 其实…

4.1增加以下代码：4.2搜索sassRegex，找到并复制一份，粘贴后进行修改4.3搜索sassModuleRegex，找到并复制一份，粘贴后进行修改

今年的11月初，我们公司参加了「2017年亚洲幼教年会(APEAC)」并取得了很不错的成果。本人有幸负责关于这次展示页的前端开发，特以此文记录开发过程中的关键环节。 展示页分为三大模块：数据展示、动态展示和地图展示。效果如下： 此模块展示我们公司至今为止的各项数据，通过异步请求…