HTML开发微信企业号的示例.pptxVIP

5支持U8微信企业号二次开发用友软件股份有限公司姓名 包文哲2014年 12月 12日 5 介绍为什么 5 深受欢迎什么是 5 5 能解决什么问题为什么HTML 5 深受欢迎主流浏览器都对HTML5提供了支持。为什么？各浏览器之间不统一，光是修改兼容性的问题就浪费了大量时间。微软的推动 5 时代5面对的问题5吸引人的地方开发者对5的抱怨 5 时代 5 的新特征及其应用富媒体类用于媒介回放的 和 元素文档结构类新的特殊内容元素，比如 、、、、通信交互类 通信 文件其他离线应用程序 新的表单控件，比如 、、、、、地理位置 5 时代浏览器支持 最新版本的 、、 、以及 支持大多数 5 特性。 5 时代 是一种专为与网页交互而设计的脚本语言，由下列三个不同的部分组成：，由262定义，提供核心语言功能；文档对象模型（），提供访问和操作网页内容的方法和接口；浏览器对象模型（），提供与浏览器交互的方法和接口。 5 时代示例5与4的区别语法的改变5的结构表单及其他新增和改良元素拖放5与4的区别语法的改变 3 1.0 ? 5与4的区别5的结构 5为了使文档结构更加清晰明确，容易阅读，增加了很多新的结构元素。比如 、、、、、。 示例5与4的区别表单及其他新增和改良元素新增元素与属性内容语法备注表单内元素的属性 示例代码清单4-1，元素放在表单外部 v1 s1单击不同的按钮时可以提交到不同页面 自动获得光标焦点表单内元素的属性 /内容为空白不允许提交 请输入未输入状态的输入提示文本框的属性 类似于选择框，示例代码清单4-8 ”[0-9]“正则验证新增类型示例代码清单4-155与4的区别表单及其他新增和改良元素新增元素与属性安全性增强的元素增强的元素 () 2 2()5与4的区别拖放 在5中新增了直接拖放操作的。之前使用、和来实现拖放操作。但是只支持浏览器内部的拖放。5支持浏览器与其他应用程序之间数据的互相拖放。当拖动元素时运行脚本当拖动操作结束时运行脚本当元素被拖动至有效的拖放目标时运行脚本当元素离开有效拖放目标时运行脚本当元素被拖动至有效拖放目标上方时运行脚本当拖动操作开始时运行脚本当被拖动元素正在被拖放时运行脚本 5 内容概要Communication通信API1Web存储离线应用程序2Web Workers3文件API45 5 内容概要XMLHttpRequest Level 26CanvasHistory API7HTML5 Geolocation8HTML5测试910 5 内容概要Communication通信API1Web存储离线应用程序2Web Workers3文件API45通信 跨文档消息传输 通信 跨文档消息传输功能：实现不同页面、不同端口、不同域之间的消息传递。侦听方法：(, () {..}, );发送消息方法：(, );通信 功能：客户端与服务端通过端口来传递数据。可以实现服务器数据推送技术。声明方法： = (“:1818”);接收消息 = () {}发送消息();通信 功能：服务器每隔一段时间主动向客户端发送一个带数据的事件。与不同的是，是双向的，该实现从服务器端发送到客户端的单向通信机制。声明方法： = (1); = () {} 5 内容概要Communication通信API1Web存储离线应用程序2Web Workers3文件API45存储基本用法数据库 5 内容概要Communication通信API1Web存储离线应用程序2Web Workers3文件API45离线应用程序 基础文件交互过程对象 5 内容概要Communication通信API1Web存储离线应用程序2Web Workers3文件API45 和 线程嵌套适用场合 5 内容概要Communication通信API1Web存储离线应用程序2Web Workers3文件API45文件文件对象对象与对象对象对象64编码支持 5 内容概要XMLHttpRequest Level 26CanvasHistory API7HTML5 Geolocation8HTML5测试910 2发送数据发送字符串发送表单数据上传文件跨域数据请求 5 内容概要XMLHttpRequest Level 26CanvasHistory API7HTML5 Geolocation8HTML5测试9105中最激动人心的功能认识canvas元素保存和恢复绘图状态变形缩放旋转变换矩阵将画布导出为图像Canvas的概念与特征Canvas高级功能加载图像调整和剪切图像变形像素处理基本图像效果视频处理创建动画循环记忆要绘制的形状改变方向圆周运动反弹处理图像和视频制作动画物理常识速度、加速度、摩擦力碰撞检测动量守恒实现高级动画图表 5 内容概要XMLHttp