当前位置: 网站首页>小程序开发>小程序制作

【岳阳开网店】岳阳淘宝网店页面设计-岳阳拼多多店铺搭建-岳阳亚马逊网店代运营公司-岳阳网店首页详情页设计托管外包-岳阳京东店招设计美工-岳阳网店主图设计排版

发表日期: 2021-07-27 15:37:36 浏览次数:106

【岳阳开网店】岳阳淘宝网店页面设计-岳阳拼多多店铺搭建-岳阳亚马逊网店代运营公司-岳阳网店首页详情页设计托管外包-岳阳京东店招设计美工-岳阳网店主图设计排版

网站建设.jpg

网页制作

岳阳,古称“巴陵”,又名“岳州”,湖南省地级市,省域副中心城市,第二大经济体,国务院首批沿江开放城市,长江中游重要的区域中心城市 [1]  ,湖南省大城市 [2]  ,湖南自贸区 [3]  。建城始于公元前505年,因原郡治位于天岳幕阜山之南而得名 [4]  ,是一座有着2500多年悠久历史的文化名城。位于湖南省东北部 [5]  ,北枕长江,南纳三湘四水,怀抱洞庭,江湖交汇,行政区域面积14858平方千米 [89]  。根据第七次人口普查数据,岳阳市常住人口为5051922人。 [87] 

岳阳交通极为便利,长江、京广铁路、浩吉铁路、京广高铁、京港澳高速公路、杭瑞高速公路等国家交通主动脉在市区交织成网。岳阳是湖南唯一的国际贸易口岸城市,也是中国著名的港口城市。城陵矶港通江达海,设有城陵矶综合保税区 [6]  。2018年12月26日岳阳三荷机场正式通航,该市形成水陆空铁四位一体综合性大交通格局。 [7]  2020年,岳阳市实现地区生产总值4001.55亿元。 [88] 

岳阳人文深厚、风景秀丽,集名山、名水、名楼、名人、名文于一体,是中华文化重要的始源地之一,亦是海内外闻名的旅游胜地。2014年岳阳获评中国最具幸福感和最具文化软实力之城,是全国唯一获取两项殊荣的地级市。2015年,岳阳荣膺“中国十大活力休闲城市”。2015年,岳阳获得“全国文明城市”称号 [8]  。2019年,岳阳位列中国地级市百强第37名 [9]  。2020年6月,经中央依法治国委入选为第一批全国法治政府建设示范地区和项目名单。 [10]  2020年7月,全国爱卫会确认岳阳市城市为国家卫生城市。 [11]


微信公众号开发

React 组件

本章节我们将讨论如何使用组件使得我们的应用更容易来管理。

接下来我们封装一个输出 "Hello World!" 的组件,组件名为 HelloMessage:

React 实例

function HelloMessage(props) {    return <h1>Hello World!</h1>;} const element = <HelloMessage />; ReactDOM.render(    element,    document.getElementById('example'));

尝试一下 »

实例解析:

1、我们可以使用函数定义了一个组件:

function HelloMessage(props) {
    return <h1>Hello World!</h1>;
}

你也可以使用 ES6 class 来定义一个组件:

class Welcome extends React.Component {
  render() {
    return <h1>Hello World!</h1>;
  }
}

2、const element = <HelloMessage /> 为用户自定义的组件。

注意,原生 HTML 元素名以小写字母开头,而自定义的 React 类名以大写字母开头,比如 HelloMessage 不能写成 helloMessage。除此之外还需要注意组件类只能包含一个顶层标签,否则也会报错。

如果我们需要向组件传递参数,可以使用 this.props 对象,实例如下:

React 实例

function HelloMessage(props) {    return <h1>Hello {props.name}!</h1>;} const element = <HelloMessage name="Runoob"/>; ReactDOM.render(    element,    document.getElementById('example'));

尝试一下 »

以上实例中 name 属性通过 props.name 来获取。

注意,在添加属性时, class 属性需要写成 className ,for 属性需要写成 htmlFor ,这是因为 class 和 for 是 JavaScript 的保留字。


复合组件

我们可以通过创建多个组件来合成一个组件,即把组件的不同功能点进行分离。

以下实例我们实现了输出网站名字和网址的组件:

React 实例

function Name(props) {    return <h1>网站名称:{props.name}</h1>;}function Url(props) {    return <h1>网站地址:{props.url}</h1>;}function Nickname(props) {    return <h1>网站小名:{props.nickname}</h1>;}function App() {    return (    <div>        <Name name="菜鸟教程" />        <Url url="http://www.runoob.com" />        <Nickname nickname="Runoob" />    </div>    );} ReactDOM.render(     <App />,    document.getElementById('example'));

尝试一下 »

实例中 App 组件使用了 Name、Url 和 Nickname 组件来输出对应的信息。


商城小程序开发

React State(状态)

React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致。

React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM)。

以下实例创建一个名称扩展为 React.Component 的 ES6 类,在 render() 方法中使用 this.state 来修改当前的时间。

添加一个类构造函数来初始化状态 this.state,类组件应始终使用 props 调用基础构造函数。

React 实例

class Clock extends React.Component {  constructor(props) {    super(props);    this.state = {date: new Date()};  }  render() {    return (      <div>        <h1>Hello, world!</h1>        <h2>现在是 {this.state.date.toLocaleTimeString()}.</h2>      </div>    );  }} ReactDOM.render(  <Clock />,  document.getElementById('example'));

尝试一下 »

岳阳开网店岳阳淘宝网店页面设计-岳阳拼多多店铺搭建-岳阳亚马逊网店代运营公司-岳阳网店首页详情页设计托管外包-岳阳京东店招设计美工-岳阳网店主图设计排版

400-111-6878
服务热线
顶部

备案号: 苏ICP备11067224号

CopyRight © 2011 书生商友信息科技 All Right Reserved

24小时服务热线:400-111-6878   E-MAIL:1120768800@qq.com   QQ:1120768800

  网址: https://www.768800.com  网站建设上往建站

关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|

企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|

400电话办理| 书生商友软件| 葬花网| 调温纤维| 海洋馆运营维护| 北京保安公司| 殡仪馆服务| 殡葬服务| 昌平殡葬| 朝阳殡葬|

预约专家

欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系

  

服务热线:400-111-6878