<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o ...
分类:
Web程序 时间:
2016-11-25 09:40:07
阅读次数:
216
1.概述 这其实是我第一篇想写的博客,可能是因为我遇到了太多的坑,那个时候刚入行下了很多Demo发现怎么也改不动,可能是能力有限,这次就做一个具体的实现和彻底的封装。
上次讲了Android...
分类:
移动开发 时间:
2016-11-18 12:35:00
阅读次数:
298
此前,我使用了react-router库来完成单页应用的路由,从而实现组件之间的切换能力。然而,默认页面的切换是非常生硬的,为了让页面切换更加缓和与舒适,通常的方案就是过渡动画。 这里我调研了2种实现方案,它们都能够为react-router实现路由切换时的过渡效果,第1种是react官方自带的Re ...
分类:
Web程序 时间:
2016-11-15 20:22:50
阅读次数:
696
1. 多页面切换组件(QTabWidget) (1)能够在同一个窗口中自由切换不同页面的内容 (2)是一个容器类型的组件,同时提供友好的页面切换方式 2. QTabWidget的使用方式 (1)在应用程序中创建QTabWidget的对象 (2)将其他QWidget对象加入该对象中。但QTabWidg ...
分类:
其他好文 时间:
2016-11-10 02:52:07
阅读次数:
959
使用ngRoute和ngAnimate配合使用,可以实现页面切换的效果。 如果有使用过swiper,就知道这个效果是怎么样的。 代码: 这里ng-show无效 ng-if会移除dom,生成dom,而ng-show只是改变其display属性。 display来实现显示隐藏,在渲染过程中会对动画效果无 ...
分类:
Web程序 时间:
2016-11-06 17:05:29
阅读次数:
397
angularJs的路由方式: 先定义一个模板ng-app-->然后定义路由的规则(routeProvider)在服务config里-->然后通过不同的URL实现 到单页面加载的所需页面的效果。 以上只是大概流程。 简化版代码: 这个可以更加简单的知道它的基础使用; ...
分类:
Web程序 时间:
2016-11-03 16:26:26
阅读次数:
261
无刷新页面,切换视图,用hash 实现路由切换,本身附带history记录,简单舒服。最近用vue,看到vue-route的路由,做单页应用切换视图真心易如反掌,分分钟爽到不行。为了加深理解其内涵原理,遂决意写一个最简单的hash 路由。 思路很简单,自己维护一个 hash route 的哈希表,通 ...
分类:
其他好文 时间:
2016-09-28 12:47:20
阅读次数:
376
1. 为什么要 SPA? SPA: 就是俗称的单页应用(Single Page Web Application)。 在移动端,特别是 hybrid 方式的H5应用中,性能问题一直是痛点。 使用 SPA,没有页面切换,就没有白屏阻塞,可以大大提高 H5 的性能,达到接近原生的流畅体验。 2. 为什么选 ...
分类:
其他好文 时间:
2016-09-20 11:56:10
阅读次数:
216
每个菜单有多个li标签,每个li标签含一个id,li标签的id用来标记:点击效果 每个页面有一个id,这个id的作用是对应每个li标签的点击链接对应的页面,它的作用是用来标记:li标签的href指向页面位置 ...
分类:
Web程序 时间:
2016-09-14 20:35:23
阅读次数:
201
这里收录三个同类产品,找到他们花了我不少时间呢。 张鑫旭写的mobilebone自述:mobile移动端,PC桌面端页面无刷新过场JS骨架,简单、专注!http://www.zhangxinxu.com/wordpress/2014/10/mobilebone-js-mobile-web-app-c ...
分类:
移动开发 时间:
2016-09-13 22:08:56
阅读次数:
385