随笔分类 - HTML5
摘要：这节继续学习HTML5中新增web存储、应用缓存、web Workers、服务器推送事件。 第一部分--web存储API 1.sessionStorage：存储数据到本地，存储的容量在5m左右。 2.localStorage：存储数据到本地，存储的容量在20m左右。 方法：和sessionStrag
阅读全文
摘要：这节主要学习HTML5中新增常用的API，包括网络状态监听、全屏、fileReader文件、定位、存储.....，很多接口在浏览器端存在兼容问题，需要进行兼容处理。 第一部分--网络状态监听接口 作用：判断当前的网络连接状态，根据网络状态进行相应的操作。 方法： ononline：当网络连通时触发此
阅读全文
摘要：这节主要学习HTML5中新增的DOM操作，获取dom元素、操作元素类样式、自定义属性。 1.新增获取dom元素API 1>querySelector(选择器名称) 作用：获取单个元素，如果获取的元素不止一个，那么只会返回满足条件的第一个元素。 参数：选择器 标签选择器：标签本身 类选择器：类名前加'
阅读全文
摘要：前言： 这节课主要学习下HTML5中的可伸缩矢量图，只是作为一个入门认识，真正开发中需要还是通过查API比较稳妥，毕竟套路是一样的。 1.什么是SVG? 1>：SVG指可伸缩矢量图形(Scalable Vector Graphics) 2>：SVG用来定义用于网络的基于矢量的图形 3>：SVG使用X
阅读全文
摘要：前言： 这节课介绍canvas中其他的API 1.绘制图片API(drawImage) 作用：通过drawImage(img, x, y)方法在画布上绘制图像、画布或视频，也能够绘制图像的某些部分，以及/或者增加或减少图像的尺寸。 方法： drawImage(img, x, y)：在画布上绘制图像/
阅读全文
摘要：前言： 上节课使用canvas作图主要是通过lineTo()方法去实现的，这节课学习更多的canvas的API 1.绘制矩形API(rect、strokeRect、fillRect) 作用：通过rect、strokeRect、fillRect直接完成矩形的绘制，不需要再通过lineTo()的方法进行
阅读全文
摘要：前言： 这节课主要学习HTML5中新增的画布(canvas)。 1.canvas基本认识 作用：canvas是HTML5给出的一个可以展示绘图(可以用JavaScript控制图的内容)内容的标签。 坐标位置：canvas中的坐标是从左上角开始算起的。 场景： 游戏 可视化数据(重点) 根据数据，绘制
阅读全文
摘要：前言： 这节课主要学习HTML5中新增的拖放事件(drag/drop)。 拖放事件 1.启用：HTML5中，如果想拖拽元素，给元素添加draggable = 'true'的属性，图像和a标签默认是可以进行拖拽的。 2.拖拽事件： 1.应用于被拖拽元素 ondragstart：元素被拖拽开始时触发 o
阅读全文
摘要：前言： 这节课主要学习HTML5中新增的audio和video元素。 1.audio元素 作用：为html提供了播放音频文件的标准。 属性： controls： controls属性为audio控件提供了播放、暂停、音量调节等功能。 autoplay： 设置音频自动播放，音频在就绪后马上播放。 lo
阅读全文
摘要：前言： 这节课主要学习HTML5中关于Range对象的常用API。 1.Range对象初识 作用：一个Range对象代表页面上的一段连续区域。通过Range对象，可以获取或修改网页上的任何区域。 Rnage对象示例： 2.Range对象的selectNode/selectNodeContents/d
阅读全文
摘要：前言： 这节课主要学习HTML5中新增的页面元素，figure、figcaption、details、summary、mark......等元素 1.新增的figure和figcaption元素 figure元素 作用：<figure> 用来表示网页上一块独立的内容，将其从网页移除后，不会对网页上的
阅读全文
摘要：前言： HTML5在原本已有表单元素的基础上新增了新的表单元素和属性，增强了表单元素的功能。 第一类.新增input(type)类型 1.type为email 作用：email 类型用于包含 email 地址的输入域。 特性：提供了默认电子邮箱的完整验证：要求必须包含@符号，同时必须包含服务器名称，
阅读全文
摘要：前言： HTML5中废除了一些结构元素同时也新增了一些结构元素，这节课主要学习新增的article、aside、nav、section、header、footer、address、hgroup等语义标签 IE浏览器对HTML5中语义化标签的支持： 兼容性： 1.IE9及以上选择性支持，IE8及以下完
阅读全文
摘要：前言: HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定，最初设计目的是为了在移动设备上支持多媒体。 HTML5初识: 1.HTML5并不是新的语言，而是html语言的第五次重大修改。 2.版本支持：所有的主流浏览器都支持HTML5(chrome、firefox
阅读全文
浙公网安备 33010602011771号