随笔分类 - HTML5学习总结
摘要:所有状态码汇总:1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码 说明100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。2xx (成功)表示成功处理
阅读全文
摘要:一 viewport 在使用移动端设备浏览网页时,移动端浏览器是直接把整个页面放到一个虚拟的视图里来显示的,通常来说这个虚拟的视图大小会比手机屏幕大,用户可以通过手势操作来平移、缩放这个视图。 如果不加view标签,那么输入以下代码,查看页面,会发现页面是可以缩放的。 1 禁用viewport缩放功
阅读全文
摘要:一 PhoneGap 1 PhoneGap简绍 http://www.cnblogs.com/JustRun1983/p/3819433.html 2 环境安装 http://cordova.apache.org/docs/en/6.x/guide/cli/index.html 1)安装Cordov
阅读全文
摘要:一 Angular Angular使用了MVVC设计模式,MVVC在概念上是真正将页面与数据逻辑分离的模式,它把数据绑定工作放到一个JS里去实现,而这个JS文件的主要功能是完成数据的绑定,即把model绑定到UI的元素上。 1 下载地址 http://angularjs.org 2 学习教程 开发工
阅读全文
摘要:一 拖放 拖放(Drag 和 drop)是 HTML5 标准的组成部分。拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。 课程参考 http://www.w3school.com.cn/html5/html_5_draganddrop.
阅读全文
摘要:一 应用缓存(Application Cache) 1 应用缓存 HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势: 离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 - 浏览器
阅读全文
摘要:一 WebSocket 随着互联网的发展,传统的HTTP协议已经很难满足Web应用日益复杂的需求了。近年来,随着HTML5的诞生,WebSocket协议被提出,它实现了浏览器与服务器的全双工通信,扩展了浏览器与服务端的通信功能,使服务端也能主动向客户端发送数据。 我们知道,传统的HTTP协议是无状态
阅读全文
摘要:一 WebWorkder 它允许开发人员编写能够长时间运行而不被用户所中断的后台程序,去执行事务或者逻辑,并同时保证页面对用户的响应。简而言之,就是允许JavaScript创建多个线程,但是子线程完全受主线程控制,且不得操作DOM。从而,可以用webWorker来处理一些比较耗时的计算。 好处: 1
阅读全文
摘要:一 Storage sessionStorage session临时回话,从页面打开到页面关闭的时间段 窗口的临时存储,页面关闭,本地存储消失 localStorage 永久存储(可以手动删除数据)Storage的特点 存储量限制 ( 5M ) 客户端完成,不会请求服务器处理 sessionStor
阅读全文
摘要:一 加载外部网页 1、使用UIWebView加载网页 运行XCode 新建一个Single View Application 。 2 添加安全消息 添加以下消息到项目的 Info.plist 2、加载WebView 在ViewController.m添加WebView成员变量和添加实现 二 加载内部
阅读全文
摘要:一 HTML5 新的类型 HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。 email url number range Date pickers (date, month, week, time, datetime, datetime-local) search col
阅读全文
摘要:一 地理定位 HTML5 Geolocation(地理定位)用于定位用户的位置。 1 地理定位 地理位置 经度 : 南北极的连接线 纬度 : 东西连接的线位置信息从何而来: IP地址 GPS全球定位系统 Wi-Fi无线网络 手机地理定位 1)IP地址 2) GPS全球定位系统 3) WI-FI地理定
阅读全文
摘要:一 音频播放 1 Audio(音频) HTML5提供了播放音频文件的标准 2 control(控制器) control属性攻添加播放,暂停和音量空间。 3 标签定义声音 例子: 二 视频播放 1 Video(视频) HTML5提供了播放视频文件的标准 2 control(控制器) control属性
阅读全文
摘要:1 搭建HTML5开发环境 1 安装一款支持HTML5的浏览器 FireFox, Chrome 2 开发工具 SublineText, Eclipse, HBuilder, WebStorm 注:使用HBuilder需要注册账号,可以使用以下账户登陆: 3 调试工具 IE下的调试工具WebDevel
阅读全文
摘要:1. 响应式布局 响应式布局是2015年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端,而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。其目的是为用户提欧共更加舒适的界面和更好的用户体验。 2.优缺点 优点: 1) 面对不同分辨率设备灵活性强 2)能够快捷解决
阅读全文
摘要:WebView可以使得网页轻松的内嵌到app里,还可以直接跟js相互调用。 webview有两个方法:setWebChromeClient 和 setWebClient 1)setWebClient:主要处理解析,渲染网页等浏览器做的事情 WebViewClient就是帮助WebView处理各种通知
阅读全文
摘要:JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方
阅读全文
摘要:一 判断移动终端类型 1. 判断是否是IE浏览系统 2. 判断是否是Android浏览系统 3. 判断是否是Windows Phone 7浏览系统 二 URL Params 三 获得当天时间 四 跳转页面 五 重新加载页面 六 JSTL超过一定长度显示省略字符 ... 七 JSTL格式化货币 1)新
阅读全文