单页应用 WebApp SPA 骨架 框架 路由 页面切换 转场

最新推荐文章于 2022-10-24 16:04:42 发布
最新推荐文章于 2022-10-24 16:04:42 发布
阅读量124 收藏
点赞数
原文链接：https://segmentfault.com/a/1190000004186135
版权

所能想到的关键词 都写到标题上了，
为了让你不管搜索什么都能找到这篇文章，
有没有被我的智商所折服？ ^o^

这里收录三个同类产品，找到他们花了我不少时间呢。

  1. 张鑫旭写的mobilebone
    自述：mobile移动端，PC桌面端页面无刷新过场JS骨架，简单、专注！
    http://www.zhangxinxu.com/wordpress/2014/10/mobilebone-js-mobile-web-app-core/
    https://github.com/zhangxinxu/mobilebone/

  2. 赵达写的spa
    自述：SPA是为构建WebApp设计的路由控制和视图转换框架
    http://zhaoda.net/spa/docs/
    https://github.com/zhaoda/spa/

  3. dolymood的mobile-router
    自述：轻量级web端单页面骨架
    http://mrdocs.aijc.net/
    https://github.com/mobile-router/mobile-router.js

但是我还没决定用哪个，我再比较比较，或者看看还有没有别的。

weixin_34160277
关注
前端框架vue基础
lyyibaobao的博客
06-19 1782
typora-copy-images-to: E:\md文件\图片 前端三要素 HTML（结构）：超文本标记语言（Hyper Text Markup Language）决定网页的结构和内容 CSS（表现）：层叠样式表（Cascading Style Sheets ）设定网页表现样式 JavaScript（行为）：是一种弱类型脚本语言，启源代码不需要编译，而是由浏览器解析运行，用于控制行为 结构层（HTML） 表现层（CSS） css层叠样式表是一门标记语言，并不是编程语言，因此不可以定义变量，可以引用.
Vue简单快速上手 idea版
wifi是只狗
11-28 1526
文章目录
路由控制和视图转换框架SPA.zip
07-19
概述 SPA是为构建WebApp设计的路由控制和视图转换框架 SPA专注于解决构建WebApp时遇到的共性问题，尤其适用于构建MobileApp， 我们和jQuery Mobile、Sencha Touch等框架不同， 并不是一个构建移动端应用的前端整体解决方案，所以我们不包含UI组件，如果你不想自己设计界面， 可以用Bootstrap、Topcoat等UI Components框架配合SPA， 来快速构建你的WebApp； SPA依赖jQuery或Zepto， 并且每个视图可以通过RequireJS、Sea.js等CommonJS解决方案或者自定义的方式进行模块化组织、异步加载； SPA支持移动端和桌面端的现代浏览器； 为什么使用SPA 标签：Web框架 分享 window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": [], "bdPic": "", "bdStyle": "1", "bdSize": "24" }, "share": {} }; with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' ~(-new Date() / 36e5)];\r\n \r\n \r\n \r\n \r\n \u8f6f\u4ef6\u9996\u9875\r\n \u8f6f\u4ef6\u4e0b\u8f7d\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\nwindow.changyan.api.config({\r\nappid: 'cysXjLKDf', conf: 'prod_33c27aefa42004c9b2c12a759c851039' });
路由控制和视图转换框架 SPA
kaosini的专栏
02-12 1080
概述 SPA是为构建WebApp设计的路由控制和视图转换框架 SPA专注于解决构建WebApp时遇到的共性问题，尤其适用于构建MobileApp， 我们和jQuery Mobile、Sencha Touch等框架不同， 并不是一个构建移动端应用的前端整体解决方案，所以我们不包含UI组件，如果你不想自己设计界面， 可以用Bootstrap、Topcoat等UI Component
前端切换视图_前端插拔式 SPA 应用架构实现方案
weixin_39744316的博客
12-06 235
作者：前端藏经阁转发链接：https://www.yuque.com/xwifrr/zqg2pw/mgutmm背景随着互联网云的兴起，一种将多个不同的服务集中在一个大平台上统一对外开放的概念逐渐为人熟知，越来越多与云相关或不相关的中后台管理系统或企业级信息系统曾经或开始采用了这种「统一平台」的形式。同时，前端领域保持着高速发展，早期的 jQuery+Backbone+Bootstrap 的 MVC...
单页面应用路由的实现方式
Picking_up_stones的博客
09-20 2570
好久不曾写博客了，九月以来一直忙着笔试面试，都已经两旬过去了，如今还是两手空空，再怎么受挫，再怎么不如意，该走的路一步都不能少，今天就来总结下面试时被问：到单页面应用的路由是如何实现的？如今前端框架层出不穷，手机端单页面应用越来越多的出现在人们的视野中，作为前端开发者，掌握一两中主流框架是很有必要的，了解ajax的都知道ajax异步刷新页面是不会存在历史记录中的，也就是我们不能通过浏览器的前进和后退
精简vue
最新发布
雙馬程序猿
10-24 1392
精简vue：1.vue概述与前端知识体系、2.前端发展史、3.了解前后分离的演变史、4.第一个Vue程序、5.基础语法指令、6.表单双绑和组件、7.Axios异步通信、8.计算属性-内容分发-自定义事件、9.第一个vue-cli项目、10.webpack使用、11.vue-router路由、12.实战快速上手
Vue学习-1-入门
baidu_38126306的博客
11-03 510
Vue 狂神说 1. 概述 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue的核心库只关心视图层View，方便与第三方或既有项目整合； 遵循SoC原则关注点分离原则； HTML + CSS + JS ：视图，给用户看，刷新后台给的数据； 网络通信：Axios； 页面跳转：Vue-router 状态管理：Vuex Vue-UI：ICE，Element U
vue前端体系
lyyibaobao的博客
06-19 809
前端三要素 HTML（结构）：超文本标记语言（Hyper Text Markup Language）决定网页的结构和内容 CSS（表现）：层叠样式表（Cascading Style Sheets ）设定网页表现样式 JavaScript（行为）：是一种弱类型脚本语言，启源代码不需要编译，而是由浏览器解析运行，用于控制行为 结构层（HTML） 表现层（CSS） css层叠样式表是一门标记语言，并不是编程语言，因此不可以定义变量，可以引用，换句话说就是不具有任何语法支持，他主要缺陷如下： ​ 语法不够强大
EASY spa单页面版文档
Java技术乐园
07-01 5412
1.1.导入项目 下载项目后进行解压 使用IDEA、WebStorm、HBuilder等前端开发工具打开 打开index.html点击右上角浏览器图标运行： 注意：必须以http://的形式访问，而不是file://的形式访问。 1.2.项目结构 |-assets | |-images // 图片 | |-js | |-main.js // 入口js | |-libs // 第三方库，ech.
详解单页面路由的几种实现原理（附demo）
weixin_30617561的博客
01-29 223
前言 路由是每个单页面网站必须要有的，所以，理解一下原理，我觉得还是比较重要的。 本篇，基本不会贴代码，只讲原理，代码在页底会有githup地址，主意，一定要放在服务本地服务器里跑（因为有ajax）， 希望能帮到你。 众所周知单页面网站的路径跳转全是通过js来控制的，下面咱们来讲讲 第一种：url完全不动型 这一种的情况是url完全不动，即你的页面怎么改变，怎么跳转url都不会改变 ...
vue-router实现单页面路由原理
github_39532240的博客
03-14 1万+
本文参考总结于： 1、vue-router原理分析 - https://www.cnblogs.com/yanze/p/7644631.html 2、location.hash详解 - http://blog.csdn.net/baidu_31333625/article/details/54288223 3、使用HTML5的History API - https://www.cnblogs...
【浅入浅出】前端单页面路由实现原理
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
03-15 2342
上一节了解了单页面，那么你知道前端单页面路由是怎么实现的吗？ 说真的，我也不知道 接下来一起学习一下。 为什么 SPA 需要路由系统 因为缺少路由系统的 SPA 框架有其存在的弊端： 用户在使用过程中，url 不会发生变化，那么用户在进行多次跳转之后，如果一不小心刷新了页面，又会回到最开始的状态，用户体验极差。 由于缺乏路由，不利于 SEO，搜索引擎进行收录。 主流的前端路由系统是通过 hash 或 history 来实现的，下面先看看 Hash 模式 Hash 路由 hash 就是指 url 后的
（六）vue开发 - transition之页面切换过渡动画
热门推荐
不知不觉 | 笔记
02-05 1万+
h5页面在内嵌在app里使用，页面切换时体验不太友好，可以使用transition设置动画，页面前进和后退时保持和原生客户端一样的切换效果： 1、在路由里设置，meta的index的值，通过index值的大小控制页面跳转层级顺序，如下：首页 => 产品 => 详情 export default new Router({ routes: [ { p
你知道前端单页面路由是怎么实现的吗？
weixin_33910137的博客
02-20 290
首先要学习一下history对象，history对象保存着用户的上网记录，从浏览器窗口打开的那一刻算起。出于安全的考虑，开发人员无法得知用户浏览过的URL。不过，借由用户访问过的页面列表，同样可以在不知道实际URL的情况下实现后退与前进 一、history对象的方法 go(Stirng|number) 使用go方法可以在用户的历史记录中任...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值