- 博客(7)
- 收藏
- 关注
RSS订阅原创 webpack
webpack4.0以上可以无任何配置的使用webpack, 但是对于大项目，我们往往需要使用配置文件，如果根目录存在webpack.config.js，那么webpack命令将默认使用它，但是也可以自定义配置文件名，并使用npx webpack --config 配置文件命 来运行， 但是在开发中我们一般使用npm的script脚本命令来运行，可以代替npx的作用,例如 sc...
2018-08-13 14:25:04
461
原创 react 渲染机制(Reconciliation)
React渲染过程我们都知道使用React可以使得网页的性能有很大的提高，本文具体探究它是通过什么样的渲染机制做到的。在页面一开始打开的时候，React会调用render函数构建当前页面的一棵Dom树，在state/props发生改变的时候，render函数会被再次调用渲染出另外一棵树，接着，React会用对两棵树进行对比，找到需要更新的地方批量改动Diff 算法这个过程中，比较两...
2018-08-06 17:00:42
1272
原创 React Render Props
定义: Render Props 顾名思义就是我们传一个Props名为Render(但其实命名是随意的)什么时候使用: 和高阶组件有点类似，当我们需要共享一些功能的时候，可以将这些功能提取成组件，并且使用组件的时候，在外部自定义我们的render, 然后再组件的render中调用它，例如class Mouse extends React.Component { constructo...
2018-08-05 16:30:30
361
原创 React创建类不用Class如何创建
官方提供了一个包create-react-class， 使用方法像下面这样var createReactClass = require('create-react-class');var Greeting = createReactClass({ render: function() { return <h1>Hello, {this.props.name}<...
2018-08-04 20:55:25
1363
原创 React 碎片(Fragments)
当我们存在以下情况的时候，往往会出项问题class Table extends React.Component { render() { return ( <table> <tr> <Columns /> </tr> </table> )...
2018-08-04 09:56:32
680
原创 React 的 Context
当我们需要像很多组件共享一些Props的时候，就可以使用Context，但是不要使用太多，使用太多会导致组件的复用性下降。如何创建一个Contextconst { Provider, Consumer } = React.createContext(defaultValue)解构出来的Provider和Consumer是两个组件，而且这个默认值是当Consumer在上层早不到Prov...
2018-08-02 19:21:19
801
原创 Regexp 的贪婪和非贪婪模式
贪婪: 尽可能多的匹配 非贪婪: 尽可能少的匹配 语法：将?紧跟在任何量词 *、 +、? 或 {} 的后面，将会使量词变为非贪婪的（匹配尽量少的字符），和缺省使用的贪婪模式（匹配尽可能多的字符）正好相反。下面给几个例子:例一//不加问号默认为贪婪var reg = /a.*c/var string = 'aaaccaa'var result = string.match...
2018-08-01 15:48:54
2095
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人