• react整理一二(初入React世界)


    react重要思想:组件化(按钮组件、对话框组件、日期组件等等)、JSX语法

    react把代码和正式渲染目标隔离开来,除了可以在浏览器渲染到DOM来开发网页,还能用于开发原生移动运用

    1.专注视图层:同时也包含v和c的库,对于复杂场景,可自行选择业务层框架

    2.virtual Dom:提升性能,方便了和其他平台的集成

    3.函数式编程:声明式编程(可重复利用)

    JSX语法:

    1.XML基本语法:

    定义标签时,只允许被一个标签包裹

    标签一定要闭合

    2.元素类型:

    组件元素首字母必须大写;

    元素属性:标注属性,除:class改为className,for属性改为htmlFor

    自定义属性时小驼峰写法

    展开属性:es6的 rest/spread特性提高效率

    <Component {...data} />

    自定义HTML属性:如果在JSX中传入自定义属性,React是不会渲染的,如果要使用自定义HTML属性,要使用data-前缀

    javaScript属性表达式:用{}替换“”即可

    HTML转义:防止XSS

    React组件:

    狭义上的组件:UI组件(Tabs组件,围绕动作上的抽象)

    广义上的组件:(带有业务含义和数据的UI组件组合,不仅有交互动作,更重要的是数据与界面之间的交互)

  • 相关阅读:
    九个令人兴奋的新功能将与Java 9 展示两点
    自学前端开发 新版css时钟效果图
    自学前端,你要的学习资料到了~~~~~~
    Angularjs中ng-repeat与移动端滑动插件iScroll的冲突
    计蒜客学习记录
    明明的随机数
    模板题
    泉州一中复赛模拟
    快速幂模板
    NOIP2013
  • 原文地址:https://www.cnblogs.com/ljh-zw/p/10235036.html
Copyright © 2020-2023  润新知