zoukankan      html  css  js  c++  java
  • React基础知识

    一、初识React

    1-React并不是一个完整的MVC、MVVM框架

    2-React跟Web Components并不冲突

    3-React的特点就是轻

    4-组件化的开发思路

    二、适用的应用场景

    1-复杂场景下的高性能

    2-重用组件库,组件组合

    3-懒

    三、前置基础

    1-JS CSS基础

    2-Sass Compass

    3-Grunt Webpack

    4-CommonJS Nodejs

    四、知识点

    1-JSX:Javascript+XML  语法糖 类似的还有coffeescript、typescript(微软),其DOM为React Components

    2-render(arg1,arg2)函数,arg1为React Components,arg2为插入的位置element

    3-React.createClass(arg),arg为JavaScript object,其重要的key值为render

    4-props 为React Component实例化过程中的添加的属性集合

    5-React Components Lifecycle——每个状态React都封装了对应的hook函数,did will

    • Mounted:React Components被render解析生成对应的dom节点,并被插入浏览器的dom结构的过程——component will mount和component mounted之后,初始化state,getInitialState componentWillMonunt(),componentDidMount()
    • Update:一个Mounted的React Component被重新render的过程,componentWillUpdate和componentDidUpdate,componentWillReciveProps,shouldComponentUpdate
    • Unmounted:一个Mounted的React Component被移出Dom结构的过程,componentWillUpate()

    6-props和state发生变化,则需要重新update dom结构

  • 相关阅读:
    array with objects sort
    Vue组件之区域滚动
    ajax跨域请求问题总结
    常见contentType
    Sublime Text 3实用快捷键大全
    具有层级关系的扁平化数组转化成树形结构数组
    阿里云地图选择器
    前端解析二进制文件流并下载
    tool.js日常工具方法
    git操作
  • 原文地址:https://www.cnblogs.com/super86/p/6500895.html
Copyright © 2011-2022 走看看