React
-
React的思考(四)- componentDidMakeSense之生命周期面试调侃
看到一个老外的博客用了这样一个标题《componentDidMakeSense — React Component Lifecycle Explanation》,我只能说:老哥你太有才了,本来都不太想写这篇文章,冲你这个标题,我再啰嗦下生命周期。 没有水平的面试官老喜欢问的问题 面试官:“你能说一下React的生命周期函数调用过程吗?” 我以及和我一样的人:“大哥,是不是我背出来 …阅读全文 -
React native ListView 增加顶部下拉刷新和底下点击刷新
1. 底部点击刷新 1.1 先增加一个按钮 [代码片段] 给ListView 增加一个renderFooter 方法来绘制底部元素。在里面显示一个按钮。 按钮处理逻辑: [代码片段] 点击后进行网络处理,把之前最后一条id也传给服务器,让服务器返回这个id后面的20条记录。然后重新setState即可。 2. 头部下拉刷新 ListView中增 …阅读全文
-
React native fetch json 显示在ListView
1.构造函数设置data为空 [代码片段] 2.fetch 数据把data设置为ListView.DataSource [代码片段] rowHasChanged(prevRowData, nextRowData):指定我们更新row的策略,一般来说都是prevRowData和nextRowData不相等时更新row cloneWithRows(dataBlob, rowIdent …阅读全文 -
React的思考(三)- 总结下shouldComponentUpdate
Google来,百度去,原来网上已经有一大堆讲解shouldComponentUpdate的文章,差点就打算放弃了,为了学习精神,那我就集百家之长,小总结一 下。 它的作用 首先,简单说一下shouldComponentUpdate的作用(如果你已经知道,请不要跳过,帮助我审查下有没有描述错误) [代码片段] extends React.Component和写Functional …阅读全文 -
React的思考(二)- 逃不开的生命周期函数之构造函数
这一定是一个老生常谈的话题,你们就别多想了,跟我一起回顾一遍,看我说的有没有道理。 [代码片段] Constructor 构造函数(或者构造器),这个概念对于熟悉基于类的面向对象语言的朋友们肯定烂熟于心,但是对于JavaScript而言,这个概念往往容易让人困惑。 在JavaScript的世界里,构造函数和普通函数没有什么区别,你一样的可以像普通函数一样调用它,但如果通过new关 …阅读全文 -
React的思考(一)- 官网首页的信息量就挺大
没错,这个标题有些大的,也挺抽象,给自己画了一个大饼,就看能不能给圆上。 从官网的首页开始 先看小标题 我们就从 React 官方网站的首页开始我们的思考。先看它的小标题: A JavaScript library for building user interfaces。 React从一开始就将自己到底是一个什么样的存在,定义的非常的清楚。看 …阅读全文 -
React setState
React 的理念是数据驱动 UI,state 是 React 里面管理数据的重要概念。本文梳理一下操作组件内部 state 的重要 API [代码片段] 的用法。 基本使用 每个「会用」React 的开发者都知道更新组件内部的状态时, 应该 使用 [代码片段] ,不过,笔者确实在真实的业务代码中看到过下面的写法: [代码片段] …阅读全文 -
使用 CI 构建 React Native 项目
网上已经有很多教程了,我这边也整理一份我跑通的流程。 iOS 构建部分 首先参照 官方文档 调整代码 其中文档中需要在 Xcode 下构建的部分,使用命令行来操作就是: [代码片段] 要点: 绝大多数构建参数都可以用 Xcode 打开项目调整。 [代码片段] 在使用 Xcode 手动 …阅读全文 -
React Native compnent reuse
做功能的时候,一般我们会适当的封装一些组件出来共享,这样好管理和维护,这个大家估计都会这么做。有时候手机上面因为屏幕小,填一些表单的时候,会需要到另外一个页 面去维护选择一些内容,那这个页面是页面还是组件呢? 我总结下来,所有需要填写的页面,都应该按照组件的思维来封。因为他们实际上很可能会被多次复用,一个路径上面 可能会出现多次。当然,普通页面也可能会出现多次,出现多次的展示页面如果是相同的内容 …阅读全文 -
[框架选择] weex 和 react-native
框架依赖 [代码片段] 语法: [代码片段] 调试 [代码片段] [代码片段] # 和SWAN的现有功能差异 [代码片段] …阅读全文