第3期:React.memo() 控制函数式组件的render过程;React Hooks介绍;JavaScript对象的属性的顺序;自定义React Hook:use-localstorage;将markdown语法的文本转化成HTML文档和纯文本

React 16.6 通过 React.memo() 来控制函数式组件的render过程

如果你用过PureComponent,那你应该了解,只有当组件的props发生变化,该PureComponent才会重新render。在React 16.6中,新增了一个特性:React.memo()。它的作用跟PureComponent的效果一样,只不过PureComponen... 查看更多

React Hooks介绍

React 16.7版本中新增了Hooks特性,这个特性可以让你不用创建一个class组件,就可以使用state特性(使用useState这个State Hook)。什么是Hook?Hooks是一些函数,这些函数可以让你在函数式组件内的React state和生命周期特性中放置钩... 查看更多

从ES6开始,JavaScript对象的属性的顺序变的可预测

很多开发者可能都不会注意一个问题,你定义一个JavaScript对象的多个属性,这些属性显示的顺序是什么样的?可能你第一反应会觉得这个顺序是无法预测的,但其实EcmaScript标准里对这个有做说明(各个浏览器的实现可能会有差别),属性的排序取决于这个属性的类型和属性的值。在标准... 查看更多

自定义React Hook:use-localstorage

在了解了React的新特性Hook之后,你应该很想跃跃欲试,尝试自己写一个Hook吧。作者使用React的内置State Hook,封装了一个新的Hook来处理localStorage相关的操作。希望这篇文章能给你启发,让你更好地了解如何封装一个R... 查看更多

使用JavaScript将markdown语法的文本转化成HTML文档和纯文本

作者介绍了一种使用JavaScript的markdown库Marked.js来实现一个markdown自定义转化的工具,用来解决你的一些个性化的需求。文中通过一个todolist示例讲解如何处理一些特殊的HTML标签,如何将通用的代码抽离成通用的模块进行封装。希望该文能给你一些启... 查看更多

分享于 2018-10-30