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元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
