实战经验：快速构建H5单页面切换骨架_html/css_WEB-ITnose

在Web App和Hybrid App横行的时代，为了拥有更好的用户体验，单页面应用顺势而生，单页面应用简称`SPA`，即Single Page Application，就是只有一个HTML页面的应用程序，应用中所有的视图都包含在这个HTML页面中，并通过JavaScript控制相关视图的显示和隐藏，这种模式可以让用户在Web App感受Native App的速度和流畅。本篇文章的目的就是教你如何来快速的构建一个H5单页面切换骨架。

一、页面设计

在构建SPA应用时，首先要确定你的应用需要包含哪些视图，在这里，为了能够说明问题，我们只需要构建三个视图，即首页、列表页面和列表详情页面。这三个页面的逻辑关系是：

（1）程序启动，默认进入首页

（2）点击首页的按钮切换到列表页面

（3）点击列表页面的按钮切换到列表详情页面

（4）点击返回按钮或物理返回键能够回到上一页。

首先我们来看一下核心的HTML代码：

首页

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did110756

更新时间：2022-11-17 阅读：41次