Alex的小站

好记性不如烂笔头


  • 首页

  • 标签

  • 分类

  • 归档

  • 关于

记录一些 react的相关tips

发表于 2017-04-13 | 分类于 js
组件的props.children其实本质是一个数组,JSX会把插入表达式数组中的JSX一个个罗列显示(map函数渲染列表的核心原理)。 推荐在有复杂状态的组件上使用key属性,确保根据key在合适的时机销毁和重建组件,提供性能(http://www.tuicool.com/articles/UVvaMz)。 更新style时不要直接去修改原始style对象,这会引起react的警告,更好的 ...
阅读全文 »

decorator-es7

发表于 2017-04-12 | 分类于 js
前言前段时间在工作中,因为react的组件里的this的指向问题,团队就事件写法产生了分歧,12345678910111213class App extends Component { // 第一种写法,需要手动绑定this一次 onTapCard = () => {} render () { return <Ca ...
阅读全文 »

border-radius的实现原理

发表于 2017-04-12 | 分类于 css
border-radius的实现原理就是用一个椭圆/圆去切割元素的每个角 border-radius的原始写法是border-radius: 25px/50px;这代表这个元素的左上,右上,右下,坐下4个角将依次被一个水平半径为25px,垂直半径为50px的椭圆进行切割,从而得到4个角 举个栗子 上面这幅图表示:用一个水平宽为200px,垂直高为100px的椭圆贴着左上角,进行裁剪,左上角多出来( ...
阅读全文 »

react的生命周期

发表于 2017-04-11 | 分类于 js
react v15mark一下v15 react的几个生命周期函数:1.componentWillMount2.componentDidMount3.componentWillReceiveProps4.shouldComponentUpdate5.componentWillUpdate6.render7.componentDidUpdate8.componentWillUnmount compo ...
阅读全文 »

welcome

发表于 2017-04-06
你好,欢迎来到我的个人技术博客 附录 关于markdown http://www.appinn.com/markdownmarkdown中写表格 http://www.jianshu.com/p/sTeAbC
阅读全文 »
1…67
Alex

Alex

65 日志
9 分类
18 标签
GitHub E-Mail
© 2019 Alex
由 Hexo 强力驱动
|
主题 — NexT.Mist