前端概述

本页面将向你介绍升华网前端页面的主要信息。

Note

由于博达系统的限制，只能采用前后端耦合式开发。

概况

升华网前端页面以 Bootstrap 作为框架，辅以 Fontawesome 作为图标库和 Dplayer 作为播放器， 采用响应式界面设计。在桌面 / 移动双端均有较好的浏览体验。

页面使用苹方字体和思源宋体。苹方字体为网站主要字体，文章均使用苹方字体，所以未进行字库压缩。 思源宋体文件主要用于标题。为了提高性能，已经过压缩，字库仅包含页面使用的汉字。

受到首页高清 Banner 图以及其他大量图片资源影响，升华网整体加载速度中等偏慢，但未超出限度。 开发时添加了不同页面切换时的（伪）无刷动画，能够提高一些浏览体验。

升华网使用外部框架 / 库时本着最小限度原则，使用压缩后的静态文件，且尽量采用原生 JS。

页面分类

升华网主要用于信息公开与展示，整体结构较为简单。

一级页面

一级页面整体作为主页和独立页面使用

• 首页
• 投稿
• 搜索
• 正在建设

二级页面

二级主要为各种列表页

• 列表页（如文章和视频列表）

三级页面

三级页面主要为正文页面

• 正文页（如文章和视频正文）