web设计之单页面应用设计风格

页面 设计 应用 web 风格 之单 加载 编程技术
发布日期 2022-10-26 更新日期 2022-10-26 阅读次数 74 文章字数 321

单页面应用，这里指SPA（Single Page APP）。

单页面应用把传统的多页面功能交互，糅合在一个页面中，在该页面中有更多的交互，风格也更加一致，同时减少了页面跳转带来的刷新从而提高了体验。

它是一种偏向原生app的设计风格，让web应用看起来像c/s应用那样。

它比较适合于后台、管理系统等开发。

它让你逐渐和c/s应用设计更熟悉甚至从web设计转向c/s设计，同时也是对前端的一次进步和考验，因为单页面里放置更多内容复杂度几何倍增长。

单页面设计，不利于 seo，所以对前台页面并不合适，如果只是看起来单页面，实际为多页面，这样设计也是可以的。

spa还有一个需要小心处理的地方，就是单页面应用框架的加载，通常需要加载很多数据，所以要保证并发请求，以及其他网络优化，否则页面加载过慢，这同样是对前端的锤炼。

文章作者: 朱丰华

文章链接: https://smart.52dixiaowo.com/blog/post-157.html

版权声明: 本博客所有文章除特別声明外，均采用 CC BY 4.0 许可协议。

页面 设计 应用 web 风格 之单 加载

发表评论

相关推荐
朱丰华   |   1年前   |   页面 · 监听

iframe子父页面信息传递与监听

429    评论    点赞
朱丰华   |   1年前   |   javascript

通过Javascript获得页面元素的字体大小

150    评论    点赞
朱丰华   |   1年前   |   请求 · 一个

ab测压命令，apache测压工具

196    评论    点赞
朱丰华   |   1年前   |   变量 · mysql · sql · 用户

MySQL用户自定义变量

111    评论    点赞
朱丰华   |   1年前   |   html · id · <

html同一个页面有两个相同id ，如何用id选择器选中

123    评论    点赞
朱丰华   |   1年前   |   centos

centos目录/etc/profile.d是干什么的

79    评论    点赞
朱丰华   |   1年前   |   js · 滚动 · html

原生js实现顶部进度条效果

67    评论    点赞
朱丰华   |   1年前   |   python · linux · www

linux给www用户【非root】安装python3

212    评论    点赞
朱丰华   |   1年前   |   js · php · 字符 · 字符串

php json_encode对字符串转义用法

144    评论    点赞
朱丰华   |   1年前   |   php · 编译

ubuntu、centos系统从源码编译指定版本php--超详细

168    评论    点赞
朱丰华   |   1年前   |   gcc · 安装 · git

windows下安装gcc

106    评论    点赞
朱丰华   |   1年前   |   php · api · 扩展 · 执行

php sapi生命周期

100    评论    点赞
朱丰华   |   1年前   |   php · _server · 域名

php内核，取超全局变量$_SERVER，取域名例子

92    评论    点赞
朱丰华   |   1年前   |   php · 混淆 · obfuscate · git

php代码混淆yakpro-po

244    评论    点赞
朱丰华   |   1年前   |   sql

sql求两个值范围筛选求薪资范围，两圆面积算法

211    评论    点赞
朱丰华   |   1年前   |   浏览器 · cookie

基于浏览器的自动获取cookie方案

143    评论    点赞
朱丰华   |   1年前   |   api

api接口的参数"原子"设计

91    评论    点赞
朱丰华   |   1年前   |   百度网盘

百度网盘登录后获取bdstoken

530    评论    点赞
朱丰华   |   1年前   |   chrome · 截图 · headless

chrome headless模式网页截图，把html转图片

284    评论    点赞
朱丰华   |   1年前   |   javascript · 方法 · 传递

javascript重定向页面并用post方法传递消息

123    评论    点赞
{{item.author_name}}   |   {{new Date(item.date*1000).log()}}   |   {{it}} ·

{{item.title}}

{{item.uv}}    评论    点赞