随笔分类 - JavaScript
摘要：JavaScript是实现ECMAScript标准的语言，目前最新的第六版标准于2015年6月发布，简称ES6。目前大多数浏览器都只是实现了ECMAScript标准的第五版。JavaScript的运行需要一个宿主环境，浏览器是最常见的宿主环境，另外还有服务器端环境Node等等。 类型 任何一门编程语
阅读全文
摘要：对象的属性判断方法 1. in 2. hasOwnProperty() JS中的对象的属性(键名)必须是字符串，为了弥补和其他语言的差距(键名可以是任意类型) 在最新ES6标准中引入了Map和Set 在ES6标准中引入了iterable类型，Array Map Set都属于iterable类型，可以
阅读全文
摘要：函数 ES6语法支持rest参数 rest参数只能定义在参数最后面，用...标识。如果传入的参数连正常定义的参数都没有填满，则rest参数会接收一个空数组。 变量作用域 用var声明的变量实际上都是有作用域的，内部函数可以访问外部函数定义的变量，查找变量时都是从自身函数定义开始，从内向外查找。如果内
阅读全文
摘要：Array Array可以包含任意数据类型，并通过索引来访问每个元素。直接给Array的length属性赋予一个新的值会导致Array大小的变化，其中未赋值的数据就是undefined. 因此不建议直接修改Array的大小，同时确保索引访问时不会出现索引越界。 属性 length prototype
阅读全文
摘要：案例: 360度全景照片 鼠标在页面上滑动时图片表现的物体会随着移动方向进行旋转，从而呈现360度物体旋转效果 思路: 将所有的图片都放入指定容器内，通过切换相应的照片隐藏与显示来实现旋转效果 代码:
阅读全文
摘要：JavaScript中的Number对象是经过封装的能够让你处理数字值的对象，Number对象是由Number()构造器创建的 语法 new Number(value); 属性 方法 Number.isNaN(value) (ES6新增) 用来检测传入的值是否为NaN,返回布尔值. 因为NaN==N
阅读全文
摘要：学习目的：通过JavaScript操控<canvas>对象，实现交互动画。 动画的基本步骤 1. 清空canvas，使用clearRect方法 2. 保存canvas状态 3. 绘制动画图形 4. 恢复canvas状态 操控动画Controlling an animation setInterval
阅读全文
摘要：学习目的：使用变形：移动，旋转，缩放栅格，创造出更强大的图形。 状态的保存与恢复Saving and restoring state canvas的状态就是当前画面应用的所有样式和变形的一个快照，canvas的状态被存储在栈中，每当save方法被调用后，当前状态就会被推送到栈中保存。 状态信息包括：
阅读全文
摘要：学习目的：学会使用色彩，透明度，线型，渐变，图案和阴影绘制更加吸引人的内容 色彩Color fillStyle = color 设置图形的填充颜色 strokeStyle = color 设置图形的轮廓颜色 color的值可以是字符串，渐变对象或者图案对象，默认情况下，两者都是黑色#000 var
阅读全文
摘要：学习目的：在Canvas上绘制矩形，三角形，直线，圆弧，曲线 栅格 栅格canvas grid，canvas元素默认被网格覆盖，栅格的起点是左上角坐标(0,0)，元素的位置都是相对于栅格起点来定位的。 绘制矩形 API提供了三种方法绘制矩形 fillRect(x, y, width, height)
阅读全文
摘要：简介 <canvas>是一个可以使用JavaScript在其中绘制图形的HTML元素，可以用于制作照片集或者制作动画。 Canvas默认大小是300px*150px，但是可以使用HTML的高度和宽度属性来自定义Canvas的尺寸。 基本用法 <canvas id="tutorial" width="
阅读全文
浙公网安备 33010602011771号