React基础之Props 验证

Props 验证使用 propTypes,它可以保证我们的应用组件被正确使用,React.PropTypes 提供很多验证器 (validator) 来验证传入数据是否有效。当向 props 传入无效数据时,JavaScript 控制台会抛出警告。

常见的验证器:

React.createClass({
  propTypes: {
    // 可以声明 prop 为指定的 JS 基本数据类型,默认情况,这些数据是可选的
    optionalArray: React.PropTypes.array,
    optionalBool: React.PropTypes.bool,
    optionalFunc: React.PropTypes.func,
    optionalNumber: React.PropTypes.number,
    optionalObject: React.PropTypes.object,
    optionalString: React.PropTypes.string,

阅读全文

React基础之状态(State)和生命周期(Life Cycle)

本篇目录:

  • 状态(State)
    • 什么是状态
    • 函数式组件转化为类组件
    • 类组件中添加State
    • 如何修改State
    • 正确地使用 State(状态)
      • 不要直接修改 state(状态)
      • state(状态) 更新可能是异步的
      • state(状态)更新会被合并
  • 生命周期方法
    • 什么是生命周期
  • 数据向下流动
  • 结语

阅读全文

React基础之元素、组件与属性

本篇目录:

  • 元素(Elements)
    • 渲染元素到DOM
    • 更新已经渲染的元素
  • 组件(Components)
    • 组件的分类
    • 渲染组件
  • 属性(Props)
    • Props是只读的

阅读全文

投屏类H5应用开发分析

本篇目录:

  • 使用场景
  • 主要问题以及解决方法
    • 1.如何使得普通用户能够获取自己的上墙页面
    • 2.如何能够及时的展现互动信息
      • 一、定时轮询
      • 二、WebSocket通信
    • 3.互动消息的处理
  • 总结
  • 拓展延伸

阅读全文

使用Hexo & Github,搭建属于自己的博客

  • 关于Hexo
    • Hexo特性
  • 博客搭建思路
  • 搭建过程
    • ① 安装Node.js
    • ② 安装Git
    • ③ Github仓库准备
    • ④ Hexo创建
    • ⑤ Hexo和Github关联
    • ⑥ Hexo源码备份
    • ⑦ 后期维护以及博客更新

阅读全文