HTML5的History模式 我们前面说过改变路径的方式有两种: URL的hash HTML5的history 默认情况下, 路径的改变使用的URL的hash....如果希望使用HTML5的history模式, 非常简单, 进行如下配置即可: image.png router-link补充 在前面的中, 我们只是使用了一个属性: to, 用于指定跳转的路径
1.离线缓存为HTML5开发移动应用提供了基础 HTML5 Web Storage API可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以在关闭浏览器后再次打开时恢复数据...2.专为移动平台定制的表单元素 浏览器中出现的html5表单元素与对应的键盘: 类型 用途 键盘 Text 正常输入内容 标准键盘 Tel 电话号码 数字键盘 Email 电子邮件地址文本框 带有@和....丰富的交互方式支持 提升互动能力:拖拽、撤销历史操作、文本选择等 Transition – 组件的移动效果 Transform – 组件的变形效果 Animation – 将移动和变形加入动画支持 设计师要知道,HTML5...设计师要知道,用户想要什么,HTML5能提供给用户什么。 5.CSS3 视觉设计师的辅助利器 CSS3支持了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。
AppCan是HTMl5移动开发应用平台,支持跨平台,可以简单、快速、高效开发移动应用。 倡导Hybrid App开发。 为HTML5开发提供底层Native交互能力。...本地打包 支持将web应用直接打成APK(android)安装包。 真机同步 将应用生成“AppCan调试中心”模式的安装包,使用手机安装,确保手机和pc在同一个网络内。...手机上安装成功后,打开app,输入pc的IP,登录成功后,可以看到应用的List,打开调试的应用,可以pc上IDE的控制台上看到请求。...打开手机上的“AppCan调试中心” APP,输入pc的ip地址,登录,即可看到应用的List。...手机上打开应用后,pc上IDE控制台看到调试信息 插件API AppCan提供了丰富的底层插件,包括网络通讯,界面布局,功能扩展,第三方SDK等能力。
2015-09-22 01:43:08 写这篇文章主要是来向大家介绍一下HTML5当中download属性的用法和之前下载的区别。需要的朋友可以看一下。...download="abc">下载 download属性的好处在于,在用户下载文件的时候,显示在用户浏览器 中的“另存”为的文件显示框中,显示的是这个downloader属性中显示的 东西了,比较友好 HTML5
这个特别简单,一说就懂的,部分-整体模式 文件目录就采用了组合模式,很典型的一个例子,一个文件夹下面有文件和子文件夹,子文件夹下面又含有文件和子文件夹, 在android中最典型的例子就是视图模型: mDcorview... 下面有view ,viewGroup;viewGroup下面又含有view,view,ViewGroup 下面的图非常的直观,典型的组合模式 ?
这个模式理解也非常的简单,就是将军命令指挥官领导士兵打仗 请求和执行分开, 在ANDROID系统中命令模式用的也比较多,如在事件输入系统中,在InputDispatcher对象转发事件过程中就采用了命令模式...相关模式类图如下: ?
、程序、服务、资源等 其实这个时候有人就把这个 外观模式和 代理模式进行比较,因为都是 用户只和一人进行交互,至于你怎么实现的你不用告诉我, 代理模式模式中,说到了租房子这件事,租客只跟中介(..., 也就是说:当代理类有很多代理的时候(持有很多原有对象),就变成了外观模式了(外观类) 外观模式还有一种情况就是:那个音乐播放的例子,其实音乐就是一个抽象,但是有很多音乐实例,顺序播放和循环播放,以及单曲播放...,用户只与外观模式打交道,这里面的外观模式就是客户端的主类了,顺序播放就是把map里面装着的所有music调用play()就行了,随机播放就是while循环(true死循环),随机选择一个数对应的music...播放, 用户调用只需要执行 顺序播放和随机播放就可以了,这也是一个外观模式的具体应用。...你也可以说我持有 客户端这个代理模式,分别调用不同的播放,不就行了, 所以我觉得代理模式和外观模式应该是一个东西了,都不需要传递参数,只是外观模式从更细的粒度上把所有的源对象都给搞出来了,封装成一个接口给你调用就可以了
其实每个模式名称就表明了该模式的作用,代理模式就是多一个代理类出来,替原对象进行一些操作,比如我们在租房子的时候回去找中介,为什么呢?...根据上文的阐述,代理模式就比较容易的理解了,我们看下代码: public interface Sourceable { public void method(); } public ...android中的具体应用:WindowManagerImpl就是一个代理类 public final class WindowManagerImpl implements WindowManager... @Override public Display getDefaultDisplay() { return mDisplay; } } 这个例子很好的说明了代理模式的应用...,其实我们实际代码中很多方法都是使用了代理模式, 它的优点就是:持有代理对象,我只关心我需要的方法,很多方法用户并不知道,没有暴露出来。
核心思想就是:当对象的状态改变时,同时改变其行为 android中使用状态模式的例子比较多,WIFI,蓝牙,网络连接等状态管理, 如在WIFI管理方面,就提供了: WifiStateMachine、...每个状态机对象在状态模式中起到Context作用,用来汇聚相关状态,启动状态执行等。
现在我们不用考虑这些了,我们将要学习一种基于HTML5的新技术Web存储。来解决这个问题。...背景 虽然Web存储已经有了自己的规范((http://dev.w3.org/html5/webstorage/) ),并且也在独立于Html5进行开发。...但Web存储通常是集中在HTML5技术之下的。 不像cookie一样,数据存储在Web Storage意味着客户端不在请求服务器了。
Html5一大新特性、同时也是非常吸引人的特性,就是其离线功能。它让Web从online延伸到了offline领域。...cache-manifest appcache; 网上Apache的修改方式一大堆,我给来个nginx的,环境是Ubuntu 12.04 一些注意事项 上述三步之后,你就可以给你的应用添加离线功能... applicationCache.addEventListener( "updateready" , function(){ if( confirm( "本地缓存已更新,需要刷新画面来获取应用程序最新版本
在HTML5之前,我们需要接入网络才能访问,这毫无疑问是网站多次请求服务器,造成速度变慢,对于PC用户,网络相对比较稳定,载入速度也不会差太多。但是移动端呢?...离线存储技术 实际开发中,主要是使用Application Cache和LocalStorage技术,它们来自HTML5技术。...HTML5 Application Cache特性 HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。...因为启用的web离线缓存机制,所以每次ajax加载数据时是从本地缓存文件中读取的,用的是ajax的get模式,因为get模式缓存,所以不会重新向服务器请求数据,导致数据加载失败。...cache.status属性返回当前离线应用状态 UNCACHED ( 数值 0) :未启用离线应用 IDLE ( 数值 1) :已开启离线应用,但本地缓存的资源是最新的,并且未标记为废弃资源 CHECKING
如果要开发企业内部应用,则要缴纳更高的费用购买企业账户才可以。 ...对于现在火如荼的HTML5应用,我们可以借助PhoneGap对其打包,然后像原生APP一样发布它们;或者要求用户直接通过浏览器访问。...大家可以看到我们的主屏幕上已经多了一个”APP”,如果细心优化,用户完全无法区分这是一个原生应用还是HTML5应用,极大提升了用户体验。 是不是很神奇?...接下来我们以HT for Web的拓扑应用为例,试着实现这样一个”高仿”的APP,先看一下我们的页面在iPhone浏览器中的效果: ?...缓存的用法也有两篇很好的文档: 1、HTML5离线缓存 2、在客户端存储数据 最后上一段操作视频,看一下最终效果,优酷链接:http://v.youku.com
实时 Web 应用的窘境 Web 应用的信息交互过程通常是客户端通过浏览器发出一个请求,服务器端接收和审核完请求后进行处理并返回结果给客户端,然后客户端浏览器将信息呈现出来,这种机制对于信息变化不是特别频繁的应用尚能相安无事...WebSocket 构建一个实时的 Web 应用,最后我们介绍了当前的主流浏览器对 HTML5 的支持情况和 WebSocket 的局限性。...不过,我们应该看到,尽管 HTML5 WebSocket 目前还有一些局限性,但是已经是大势所趋,微软也明确表达了未来对 HTML5 的支持,而且这些支持我们可以在 Windows 8 和 IE10 里看到...,我们也在各种移动设备,平板电脑上看到了 HTML5 和 WebSocket 的身影。...WebSocket 将会成为未来开发实时 Web 应用的生力军应该是毫无悬念的了,作为 Web 开发人员,关注 HTML5,关注 WebSocket 也应该提上日程了,否则我们在新一轮的软件革新的浪潮中只能做壁上观了
HTML5支持离线功能,当网络不可用时,网页还能够正常访问,部分功能还将继续使用。实现离线应用,最重要的是缓存资源,因此,离线应用核心需要定义一份描述文件,指定需要缓存的具体资源。...创建离线应用的三个步骤如下: 1. 创建描述文件 描述文件是一个以.manifest或.appcache为后缀的文本文件,其列出了所有需要缓存的内容。
责任链模式:Chain of Responsibility 有多个对象,每个对象持有对下一个对象的引用,这样就会形成一条链,请求在这条链上传递,直到某一对象决定处理该请求。...但是发 出者并不清楚到底最终那个对象会处理该请求,所以,责任链模式可以实现,在隐瞒客户端的情况下,对系统进行动态的调整 这个如果跟命令模式比较一起看的话,更好理解,命名模式持有的是下个人的对象,执行函数调用的就是持有对象的方法...android中责任链模式就是那个 android事件的触摸机制,分发的时候就是不停的往下找,
本文的主要内容: 介绍组合模式 示例 组合模式总结 源码分析组合模式的典型应用 java.awt中的组合模式 Java集合中的组合模式 Mybatis SqlNode中的组合模式 组合模式 树形结构不论在生活中或者是开发中都是一种非常常见的结构...除此以外,在XML解析、组织结构树处理、文件系统设计等领域,组合模式都得到了广泛应用。...在实际应用中 java.awt 和 swing 中的组合模式即为安全组合模式。...源码分析组合模式的典型应用 java.awt中的组合模式 Java GUI分两种: AWT(Abstract Window Toolkit):抽象窗口工具集,是第一代的Java GUI组件。...extends E> c) 方法也是一个组合模式的应用,在此不做探讨 Mybatis SqlNode中的组合模式 MyBatis 的强大特性之一便是它的动态SQL,其通过 if, choose, when
本文的主要内容: 介绍策略模式 示例 商场购物打折策略的实现 策略模式总结 源码分析策略模式的典型应用 Java Comparator 中的策略模式 Spring Resource 中的策略模式 Spring...源码分析策略模式的典型应用 Java Comparator 中的策略模式 java.util.Comparator 接口是比较器接口,可以通过 Collections.sort(List,Comparator...Spring Resource 类图 可以看到 AbstractResource 资源抽象类实现了 Resource 接口,为子类通用的操作提供了具体实现,非通用的操作留给子类实现,所以这里也应用了模板方法模式...welcome to http://laijianfeng.org 更多的示例可以参考:Spring 资源访问剖析和策略模式应用 Spring Bean 实例化中的策略模式 Spring实例化Bean有三种方式...参考: 刘伟:设计模式Java版 慕课网java设计模式精讲 Debug 方式+内存分析 Spring 资源访问剖析和策略模式应用 Spring源码阅读-实例化策略InstantiationStrategy
这样的问题可以用抽象工厂模式(Abstract Factory Pattern)解决。抽象工厂模式是一种创建型设计模式,它提供了一种方式,可以将一组具有同一主题的单独的工厂封装起来。...这就是抽象工厂模式在系统登录工具中的应用。希望这个例子可以帮助你理解和掌握这个设计模式。
模板方法模式,就是指:一个抽象类中,有一个主方法,再定义1…n个方法,可以是抽象的,也可以是实际的方法,定义一个类,继承该抽象类,重写抽象方法,通过调用抽象类,实现对子类的调用。...activity从创建到销毁是有一个过程的,oncreate,onstart,onresume,onpause,onstop,ondestroy,其他的先不写,这些方法是有流程的,我们可以重写,这就是模板方法模式的具体应用...Android里面AsyncTask的各个方法的执行也是有顺序的,我们在实现的时候也是可以重写的,也是一个模板方法模式的具体应用 execute(params),onpreexecute(),dobackground
领取专属 10元无门槛券
手把手带您无忧上云