鸿蒙系统是一款“面向未来”、面向全场景的分布式操作系统。在传统的单设备系统能力的基础上，鸿蒙系统提出了基于同一套系统能力、适配多种终端形态的分布式理念，能够支持多种终端设备。
本书共6章，从鸿蒙系统、技术特征等相关基础知识开始介绍，通过新建项目，一步步地讲解使用JavaScript设计页面的方法、页面跳转功能的实现，内容由易到难。本书还巧用围棋应用开发的全过程，帮助读者记忆与理解使用JavaScript开发应用的方法与相关知识。

第1章 准备工作
1.1 鸿蒙系统的发展历史
1.1.1 鸿蒙系统的介绍
1.1.2 鸿蒙系统发展历程
1.2 技术特征
1.2.1 分布式软总线
1.2.2 分布式设备虚拟化
1.2.3 分布式数据管理
1.2.4 分布式任务调度
1.2.5 一次开发，多端部署
1.2.6 弹性部署
1.3 技术框架
1.3.1 内核层
1.3.2 系统服务层
1.3.3 框架层
1.3.4 应用层
1.4 安装开发环境
1.4.1 下载DevEco Studio
1.4.2 安装DevEco Studio
1.4.3 配置DevEco Studio
第2章 牛刀小试
2.1 创建项目
2.1.1 创建新项目
2.1.2 导入模板
2.2 项目预览
2.2.1 打开预览窗口
2.2.2 切换设备
2.3 项目分析
2.3.1 应用工程结构
2.3.2 目录中的js
2.3.3 显示内容的修改
2.3.4 组件
第3章 页面设计
3.1 CSS基础
3.1.1 什么是CSS
3.1.2 CSS语法规则
3.1.3 选择器
3.1.4 选择器优先级
3.2 盒子模型
3.2.1 什么是盒子模型
3.2.2 盒子的宽度和高度
3.2.3 填充和边沿属性
3.2.4 盒体属性
3.3 定位
3.3.1 相对定位
3.3.2 固定定位
3.3.3 定位
3.4 显示与布局
3.4.1 flex-direction
3.4.2 flex-wrap
3.4.3 justify-content
3.4.4 align-items
3.4.5 align-content
3.4.6 隐藏
3.5 背景
3.5.1 背景颜色
3.5.2 背景图像
3.6 文本和字体
3.6.1 字体属性
3.6.2 文本属性
第4章 页面跳转
4.1 创建新页面
4.1.1 添加页面
4.1.2 新页面的.hml文件
4.1.3 新页面的.css文件
4.2 添加按钮
4.2.1 在.hml文件中添加按钮
4.2.2 调整按钮位置及样式
4.3 页面路由
4.3.1 配置文件config.json
4.3.2 修改.hml文件
4.3.3 修改.js文件
4.3.4 在控制台输出信息
4.4 配置文件详解
4.4.1 “app”部分
4.4.2 “deviceConfig”部分
4.4.3 “module”部分
第5章 在画布中绘制图形
5.1 canvas元素
5.1.1 修改.hml文件
5.1.2 修改.css文件
5.2 绘制方形
5.2.1 创建画布对象
5.2.2 绘制方块
5.2.3 绘制方框
5.2.4 绘制国际象棋棋盘
5.3 绘制线段与弧线
5.3.1 绘制线段
5.3.2 填充路径
5.3.3 绘制弧线
5.3.4 绘制围棋棋盘
5.4 弹球动画
5.4.1 对象
5.4.2 对象的方法
5.4.3 定时功能
5.4.4 边界判断
第6章 围棋定式助记应用
6.1 项目功能描述
6.1.1 定式选择
6.1.2 定式展示
6.2 定式选择页面布局
6.2.1 创建新项目
6.2.2 页面布局分析
6.2.3 页面布局规划
6.3 定式选择页面功能实现
6.3.1 绘制棋盘
6.3.2 显示定式
6.3.3 页面中显示的文本
6.4 定式展示页面
6.4.1 新建新页面
6.4.2 页面路由及传递参数
6.4.3 逐步显示棋子
6.4.4 重置按钮