摘要：
前言: 公司项目目前用vue开发，项目中使用es6语法，但是开发中偶尔有些语法会混淆和遗忘，此处作以记录，方便自己回顾和翻阅。 1.babel初识 功能：babel是一个JavaScript的编译器，将ES6语法编译成浏览器所识别的ES5语法。 用法： 1>REPL在线编辑： 我们可以使用babel 阅读全文
摘要：
前言： 这节课主要学习下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 地址的输入域。 特性：提供了默认电子邮箱的完整验证：要求必须包含@符号，同时必须包含服务器名称， 阅读全文