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的现有功能差异 [代码片段] …阅读全文
