摘要: 1 2 3 4 sessionStorage实现记事本功能 5 6 7 8 9 10 11 12 13 54 55 1 2 3 4 记事本案例 5 6 7 8 9 10 11 12 13 14 15 ... 阅读全文
posted @ 2017-08-16 21:46 青涩的柠檬酸 阅读(431) 评论(0) 推荐(0) 编辑
摘要: HTML5 DAY06: * Web Worker * 基本内容 * 单线程与多线程 * Worker可以模拟多线程的效果 * 定义 - 运行在后台的javascript * 注意 - 不能使用DOM * 在Worker中只能使用javascript中的ECMA * 目前主流浏览器都支持Worker 阅读全文
posted @ 2017-08-16 21:44 青涩的柠檬酸 阅读(374) 评论(3) 推荐(1) 编辑
摘要: 1 2 3 4 5 多个图形自上向下 6 7 8 9 68 69 阅读全文
posted @ 2017-08-16 21:37 青涩的柠檬酸 阅读(607) 评论(0) 推荐(0) 编辑
摘要: 圆形自上向下运动效果 阅读全文
posted @ 2017-08-16 21:36 青涩的柠檬酸 阅读(601) 评论(0) 推荐(0) 编辑
摘要: 拖放(拖拽)API * 实现拖拽效果 * 要拖拽的文件是什么? - 源元素 * 要拖拽到哪里去? - 目标元素 * 目前实现拖拽效果 * 使用原生DOM就能实现 - 最麻烦 * 使用jQuery的插件 - 拖拽效果 * HTML5中提供的拖拽功能 * HTML5中拖拽 * 源元素事件 * drags 阅读全文
posted @ 2017-08-16 21:35 青涩的柠檬酸 阅读(675) 评论(0) 推荐(0) 编辑
摘要: HTML5 DAY05: * Geolocation(地理定位) * 基本内容 * 地理定位 - 地球的经度和纬度的相交点 * 实现地理定位的方式 * GPS - 美国的,依靠卫星定位 * 北斗定位 - 纯国产,惯性定位技术和卫星定位 * 基站定位 - 移动运营商创建基站(提供信号源) * 基于互联 阅读全文
posted @ 2017-08-16 21:29 青涩的柠檬酸 阅读(1476) 评论(0) 推荐(0) 编辑
摘要: * svg * 基本内容 * SVG不属于HTML5专用内容 * HTML5提供有关SVG原生的内容 * 在HTML5出现之前,就有SVG内容 * SVG简单来说就是矢量图 * SVG文件扩展名为".svg" * SVG使用的是XML语法 * 概念 * svg 是一种使用XML技术描述二维图形的语言 阅读全文
posted @ 2017-08-16 21:23 青涩的柠檬酸 阅读(800) 评论(0) 推荐(0) 编辑
摘要: * Canvas * 基本内容 * 简单来说,HTML5提供的新元素<canvas> * Canvas在HTML页面提供画布的功能 * 在画布中可以绘制各种图形 * Canvas绘制的图形与HTML页面无关 * 无法通过DOM获取绘制的图形 * 无法为绘制的图形绑定DOM事件 * 只能使用Canva 阅读全文
posted @ 2017-08-16 21:03 青涩的柠檬酸 阅读(1919) 评论(0) 推荐(0) 编辑
摘要: HTML5视频-音频处理(最后有demo) * 基本内容 * 使用Flash技术处理HTML页面中的视频内容 * 包含音频、动画、网页游戏等 * 特点 * 浏览器原生不支持(IE浏览器要求安装ActiveX组件) * 性能不好(不能过多地使用) * 智能移动端并不支持Flash技术 * 命运 * F 阅读全文
posted @ 2017-08-16 20:28 青涩的柠檬酸 阅读(256) 评论(0) 推荐(0) 编辑
摘要: HTML5 DAY01: * 基本内容 * HTML5目前最新的规范(标准)是2014年10月推出 * 2005年左右出现HTML5版本(非标准) * W3C组织(两个组织定义H5规范) * 学习(研究)HTML5是学习未来(将来主流) * HTML版本 - 第一阶段主要学习还是4版本(包含5版本) 阅读全文
posted @ 2017-08-16 20:12 青涩的柠檬酸 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 变形 - transform 迅速变化 1、转换原点 默认情况下,原点是在当前物体的中心点上 修改原点: 属性:transform-origin 值: 1、x坐标 y坐标 当前物体的左上点为 x:0 y:0 2、宽度百分比 高度百分比 0% 0% 左上点 50% 50% 中心点 3、关键字 top: 阅读全文
posted @ 2017-08-16 19:45 青涩的柠檬酸 阅读(326) 评论(0) 推荐(0) 编辑
摘要: C3伪类选择器 *什么是伪类选择器? *更改元素的不同的状态的样式 *:hover :link :visited :active 1、目标伪类 *什么是目标伪类 *突出显示活动的HTML锚,用于选取当前活动的目标元素 *语法: p:target p:target 2、元素状态伪类 *什么是元素状态伪 阅读全文
posted @ 2017-08-16 19:17 青涩的柠檬酸 阅读(710) 评论(0) 推荐(0) 编辑
摘要: demo内容 将元素属性用于选择器中,从而获取指定元素属性或者值得元素语法: [属性] : 具备 指定属性 的所有元素全部匹配出来 元素[属性] : 匹配具备 属性的 指定元素 p[id] : 匹配具备id属性的p元素 div[class] : 元素[属性1][属性2] : p[id][class] 阅读全文
posted @ 2017-08-16 18:53 青涩的柠檬酸 阅读(184) 评论(0) 推荐(0) 编辑