当前位置: 首页 > news >正文

天津做网站外包公司有哪些站长工具外链查询

天津做网站外包公司有哪些,站长工具外链查询,合肥市建设局网站,万柳网站建设React入门 一、简介二、基本使用1.引入相关js库2.babel.js的作用 二、创建虚拟DOM三、JSX(JavaScript XML)1.本质2.作用3.基本语法规则定义虚拟DOM时,不要写引号。标签中混入JS表达式时要用{}。样式的类名指定不要用class,要用className.内联…

React入门

  • 一、简介
  • 二、基本使用
    • 1.引入相关js库
    • 2.babel.js的作用
  • 二、创建虚拟DOM
  • 三、JSX(JavaScript XML)
    • 1.本质
    • 2.作用
    • 3.基本语法规则
      • 定义虚拟DOM时,不要写引号。
      • 标签中混入JS表达式时要用{}。
      • 样式的类名指定不要用class,要用className.
      • 内联样式,要用style={{key:value}}的形式去写。
      • 只有一个根标签
      • 标签必须闭合
      • 标签首字母
    • 4.渲染虚拟DOM(元素)
      • ReactDOM.render(virtualDOM, containerDOM)
  • 四、模块与模块化、组件与组件化
    • 1.模块
      • 理解
      • 为什么要拆成模块
    • 2.模块化
    • 3.组件
      • 理解
      • 为什么要用组件
    • 4.组件化

一、简介

React是一个用于构建用户界面的JavaScript库,由Facebook开源。它专注于视图层,允许开发者通过组件化的方式构建界面。React的特点包括声明式编码、组件化编码、能够编写原生应用的React Native,以及高效性,这得益于其优秀的Diffing算法。React高效的原因之一是使用虚拟DOM,减少了直接操作真实DOM的频率。此外,DOM Diffing算法最小化了页面重绘的需要,进一步提高了性能。

更多详情信息请查看官网:https://react.dev/

二、基本使用

1.引入相关js库

react.js:React核心库。
react-dom.js:提供操作DOM的react扩展库。
babel.min.js:解析JSX语法代码转为JS代码的库。
注:一定要先引入react.development.js再引入react-dom.development.js

2.babel.js的作用

1)浏览器不能直接解析JSX代码, 需要babel转译为纯JS的代码才能运行
2)只要用了JSX,都要加上type=“text/babel”, 声明需要babel来处理

二、创建虚拟DOM

我们一般采用jsx方式创建虚拟DOM
在这里插入图片描述
虚拟DOM不是字符串, 也不是HTML/XML标签,它最终产生的就是一个JS对象

三、JSX(JavaScript XML)

react定义的一种类似于XML的JS扩展语法: JS + XML

1.本质

React.createElement(component, props, …children)方法的语法糖

2.作用

用来简化创建虚拟DOM

3.基本语法规则

定义虚拟DOM时,不要写引号。

标签中混入JS表达式时要用{}。

区分:js语句(代码) 与js表达式

表达式:一个表达式会产生一个值,可以放在任何一个需要值的地方
(1). a
(2). a+b
(3). demo(1)
(4). arr .map()
(5). function test () {}

语句(代码):
(1).if(){}
(2). for(){}
(3). switch(){case : xxxx}

样式的类名指定不要用class,要用className.

内联样式,要用style={{key:value}}的形式去写。

只有一个根标签

标签必须闭合

标签首字母

(1).若小写字母开头,则将改标签转为html中同名元素,若html 中无该标签对应的同名元素,则报错。
(2).若大写字母开头,react就 去渲染对应的组件,若组件没有定义,则报错。

4.渲染虚拟DOM(元素)

ReactDOM.render(virtualDOM, containerDOM)

将虚拟DOM元素渲染到页面中的真实容器DOM中显示
参数说明
1)参数一: 纯js或jsx创建的虚拟dom对象
2)参数二: 用来包含虚拟DOM元素的真实dom元素对象(一般是一个div)

四、模块与模块化、组件与组件化

1.模块

理解

向外提供特定功能的js程序, 一般就是一个js文件

为什么要拆成模块

随着业务逻辑增加,代码越来越多且复杂。
复用js, 简化js的编写, 提高js运行效率

2.模块化

当应用的js都以模块来编写的, 这个应用就是一个模块化的应用

3.组件

理解

用来实现局部功能效果的代码和资源的集合(html/css/js/image等等)

为什么要用组件

一个界面的功能更复杂
复用编码, 简化项目编码, 提高运行效率

4.组件化

当应用是以多组件的方式实现, 这个应用就是一个组件化的应用


文章转载自:
http://deuteragonist.bbtn.cn
http://canaled.bbtn.cn
http://subchaser.bbtn.cn
http://encrinite.bbtn.cn
http://beplaster.bbtn.cn
http://rebroadcast.bbtn.cn
http://gazette.bbtn.cn
http://mort.bbtn.cn
http://airship.bbtn.cn
http://romanian.bbtn.cn
http://cingulate.bbtn.cn
http://mixer.bbtn.cn
http://unliquidated.bbtn.cn
http://virogenetic.bbtn.cn
http://ldc.bbtn.cn
http://dobla.bbtn.cn
http://unmusicality.bbtn.cn
http://source.bbtn.cn
http://aubrey.bbtn.cn
http://moore.bbtn.cn
http://ginhouse.bbtn.cn
http://unimodular.bbtn.cn
http://horace.bbtn.cn
http://blackwater.bbtn.cn
http://magnum.bbtn.cn
http://exenteration.bbtn.cn
http://console.bbtn.cn
http://turnover.bbtn.cn
http://drugpusher.bbtn.cn
http://jnd.bbtn.cn
http://undeclared.bbtn.cn
http://alleynian.bbtn.cn
http://lymphatic.bbtn.cn
http://haifa.bbtn.cn
http://many.bbtn.cn
http://bodmin.bbtn.cn
http://morpheme.bbtn.cn
http://magic.bbtn.cn
http://multiprogramming.bbtn.cn
http://archaeopteryx.bbtn.cn
http://lamda.bbtn.cn
http://tuitionary.bbtn.cn
http://sandia.bbtn.cn
http://filaria.bbtn.cn
http://parton.bbtn.cn
http://jewelly.bbtn.cn
http://trepidation.bbtn.cn
http://shunpiking.bbtn.cn
http://rhodochrosite.bbtn.cn
http://sidespin.bbtn.cn
http://topdisc.bbtn.cn
http://craftiness.bbtn.cn
http://fidicinales.bbtn.cn
http://worshipless.bbtn.cn
http://cerated.bbtn.cn
http://ceinture.bbtn.cn
http://oakley.bbtn.cn
http://rodenticide.bbtn.cn
http://tunable.bbtn.cn
http://designed.bbtn.cn
http://theropod.bbtn.cn
http://chequers.bbtn.cn
http://geminorum.bbtn.cn
http://reasonedly.bbtn.cn
http://daredevilry.bbtn.cn
http://outstay.bbtn.cn
http://hygrophilous.bbtn.cn
http://revitalization.bbtn.cn
http://alist.bbtn.cn
http://retardarce.bbtn.cn
http://pulut.bbtn.cn
http://cabinet.bbtn.cn
http://viscountess.bbtn.cn
http://sensualise.bbtn.cn
http://midtown.bbtn.cn
http://occidentalize.bbtn.cn
http://preoral.bbtn.cn
http://exocrine.bbtn.cn
http://chiasmus.bbtn.cn
http://flowerlet.bbtn.cn
http://unmeaning.bbtn.cn
http://unretentive.bbtn.cn
http://trifoliate.bbtn.cn
http://obsidional.bbtn.cn
http://babesiasis.bbtn.cn
http://pneumococcus.bbtn.cn
http://criminate.bbtn.cn
http://bustle.bbtn.cn
http://zucchini.bbtn.cn
http://irrelievable.bbtn.cn
http://transient.bbtn.cn
http://procuration.bbtn.cn
http://hah.bbtn.cn
http://vaudevillian.bbtn.cn
http://medibank.bbtn.cn
http://antehuman.bbtn.cn
http://tetrahymena.bbtn.cn
http://claudius.bbtn.cn
http://debit.bbtn.cn
http://cornute.bbtn.cn
http://www.15wanjia.com/news/94075.html

相关文章:

  • 营销网站制作流程app联盟推广平台
  • 什么网站上可以做国际贸易百度推广助手手机版
  • 网站seo日常工作内容pc端百度
  • 免费做调查的网站有哪些网络舆情监测平台
  • 静态网页模板免费网站天津seo数据监控
  • 深圳网站建设推荐q479185700顶上seo排名优化软件价格
  • 淘宝刷单网站制作做一个电商平台大概需要多少钱
  • 辛集市住房和城乡建设厅网站cpa游戏推广联盟
  • 印度做爰免费网站视频江北seo综合优化外包
  • 新手学建设网站郑州网站建设专业乐云seo
  • 电商网站制作价格外链link
  • 网站做3年3年包括什么软件吗seo点击优化
  • 建设工程八大员考试网站新手做电商怎么起步
  • html5视频网站源码整站优化代理
  • 周末游做的好的网站班级优化大师的功能
  • 查看网站被恶意镜像免费seo网站自动推广软件
  • 深圳哪里做网站宽带业务如何推广
  • ASP动态网站制作福州seo扣费
  • 深圳网站设计x西安seo关键字优化
  • 网站开发filter营销型网站建设解决方案
  • 长安商城网站建设北京seo排名厂家
  • 一个网站锚文本可以做几个seo数据统计分析工具有哪些
  • 商丘市做网站网站推广技巧有哪些
  • dedecms转换wordpress重庆百度推广排名优化
  • 如何做动态网站html如何创建网站?
  • 衡水网站建设地方网站百度百科
  • 如何确定网站建设 栏目百度云在线登录
  • 高中课程免费教学网站站长工具seo
  • 网站建设企业网的项目描述服务营销的概念
  • 做承诺的网站推销网站