【建站服务】香港网站制作【香港网站优化】香港建网站、香港微信公众号运营、香港网页设计、香港微信小程序商城-域名申请

当前位置：首页» 行业网站案例 » 【建站服务】香港网站制作【香港网站优化】香港建网站、香港微信公众号运营、香港网页设计、香港微信小程序商城-域名申请

作者: 风兰 . 阅读量： 3 . 发表时间：2022-09-20 15:26:32

网站建设

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

香港网站制作【香港网站优化】香港建网站、香港微信公众号运营、香港网页设计、香港微信小程序商城

香港（Hong Kong），简称“港”，全称中华人民共和国香港特别行政区，位于中国南部、珠江口以东，西与澳门隔海相望，北与深圳市相邻，南临珠海市万山群岛，区域范围包括香港岛、九龙、新界和周围262个岛屿，陆地总面积1106.66平方公里，海域面积1648.69平方公里。截至2019年末，总人口约752万人，是世界上人口密度最高的地区之一，人均寿命全球第一，人类发展指数全球第四。 [1-5] [22]

香港自古以来就是中国的领土，1842-1997年间曾受英国殖民统治。二战以后，香港经济和社会迅速发展，不仅跻身“亚洲四小龙”行列，更成为全球最富裕、经济最发达和生活水准最高的地区之一。1997年7月1日，中国政府对香港恢复行使主权，香港特别行政区成立。中央政府对香港拥有全面管治权，香港保持原有的资本主义制度长期不变，并享受外交及国防以外所有事务的高度自治权，以“中国香港”的名义参加众多国际组织和国际会议。“一国两制”、“港人治港”、高度自治是中国政府的基本国策。 [5-10]

香港是一座高度繁荣的自由港和国际大都市，与纽约、伦敦并称为“纽伦港”，是全球第三大金融中心，重要的国际金融、贸易、航运中心和国际创新科技中心，也是全球最自由经济体和最具竞争力城市之一，在世界享有极高声誉，被GaWC评为世界一线城市第三位。 [11-17]

香港是中西方文化交融之地，把华人智慧与西方社会制度的优势合二为一，以廉洁的政府、良好的治安、自由的经济体系及完善的法治闻名于世，有东方之珠、美食天堂和购物天堂等美誉。

这个示例应用程序类似于Product Hunt和Reddit网站。这些网站提供了用户投票的链接列表。和这些网站一样，该示例应用程序也可以对产品进行投票，所有产品都根据票数进行实时排序。

　停止运行Node服务器的快捷键是Ctrl+C。

1.5.3　应用程序准备

在终端中运行ls查看项目布局：

$ ls
README.md
disable-browser-cache.js
nightwatch.json
node_modules/package.jsonpublic/tests/复制代码

　如果在macOS或Linux上运行，可以像上面做的那样使用ls -1p来格式化输出。

Node应用程序包含一个package.json文件，用来指定项目的依赖项。运行npm install时，npm会使用package.json来确定需要下载和安装的依赖项，并将其安装到node_modules文件夹中。

　后面的章节会探讨package.json的格式。

我们即将使用的代码位于public文件夹中。查看该文件夹，如下所示：

$ ls publicfavicon.ico
images/index.html
js/semantic/style.css
vendor/复制代码

这是常见的Web应用程序的布局。public文件夹中的index.html是我们提供给请求网站的浏览器的文件。很快我们就会知道，index.html是应用程序的核心部分，它负责加载应用程序中的其他资源。

接下来查看public/js目录：

$ ls public/js
app-1.jsapp-2.jsapp-3.jsapp-4.jsapp-5.jsapp-6.jsapp-7.jsapp-8.jsapp-9.jsapp-complete.js
app.js
seed.js复制代码

public/js是应用程序中存放JavaScript的位置。app.js是编写React应用程序的地方。app-complete.js是正在开发的应用程序的完整版本，我们刚刚已经看过。

此外，本章中构建的app.js的每个版本（app-1.js、app-2.js等）都已包含在示例代码库中。每个代码块中引用的不同应用程序版本都可以在里面找到。你可以将这些应用程序版本中较长的代码复制到app.js中使用。

　所有项目都包含实用的README.md文件，它将说明如何运行应用程序。

在开始前，首先要确保在index.html中不再加载app-complete.js。然后我们就有了一个空白的画布并可以在app.js中开始工作了。

在文本编辑器中打开public/index.html，内容如下所示：

voting_app/public/index.html

<!DOCTYPE html><html>

  <head>
    <meta charset="utf-8">
    <title>Project One</title>
    <link rel="stylesheet" href="./semantic-dist/semantic.css" />
    <link rel="stylesheet" href="./style.css" />
    <script src="vendor/babel-standalone.js"></script>
    <script src="vendor/react.js"></script>
    <script src="vendor/react-dom.js"></script>
  </head>

  <body>
    <div class="main ui text container">
      <h1 class="ui dividing centered header">Popular Products</h1>
      <div id="content"></div>
    </div>
    <script src="./js/seed.js"></script>
    <script src="./js/app.js"></script>
    <!-- 在开始前删除下面的script标签 -->
    <script
      type="text/babel"
      data-plugins="transform-class-properties"
      src="./js/app-complete.js"    </script>
  </body></html>复制代码

稍后讨论<head>标签中加载的所有依赖项。HTML文档的核心是以下几行代码：

voting_app/public/index.html

<div class="main ui text container">
  <h1 class="ui dividing centered header">Popular Products</h1>
  <div id="content"></div></div>复制代码

　这个项目使用Semantic UI进行样式设计。
Semantic UI是一个CSS框架，与Twitter公司的Bootstrap很像。它提供了一个网格系统和一些简单的样式。你无须了解Semantic UI即可使用本书，因为我们提供了你需要的所有样式代码。在某些情况下，你需要查看Semantic UI文档来熟悉它的框架，并探索如何将其应用到自己的项目中。