画布(canvas)

摘要: 1、canvas 画布 - 基础 <canvas> 画布是 HTML5 新增的元素,用于图形的绘制,通过 <canvas> 标签来创建。 2、画布添加好了之后,因为它没有颜色,所以我们还可以通过CSS 样式设置画布的背景颜⾊。 #myCanvas { background-color: #eee; 阅读全文
posted @ 2017-09-23 15:21 YUHONGCUISummer 阅读(800) 评论(0) 推荐(0) 编辑

本地储存

摘要: 1、Cookie是储存在用户主机浏览器中的一小段文本信息。 2、Cookie的限制: 单个cookie大小(4kB)。 同一个网站下面cookie总数的限制(20个)、注:域名就是网址。 同一个浏览器下cookie总数限制(300个)。 每次请求都会再请求头里携带cookie。 3、HTML5的存储 阅读全文
posted @ 2017-09-23 14:37 YUHONGCUISummer 阅读(194) 评论(0) 推荐(0) 编辑

正则表达式

摘要: 正则表达式:(regExp)或RE (用来操作字符串的) 1、常用的几种方法和作用: a、数据验证: 可以测试输入的字符串是否含有非法字符、是否符合邮箱格式等。 b、替换文本 可以识别文档中的特定文本,然后选择完全删除或用其他文本替换。 c、查找文本: 可以查找文档内或输入域内特定的文本内容。 2、 阅读全文
posted @ 2017-09-16 15:18 YUHONGCUISummer 阅读(179) 评论(0) 推荐(0) 编辑

Event事件扩展

摘要: 1.this指向的是当前绑定时间的标签。 event.target指向的是当前操作的元素。 事件对象:(Event) 事件源.addEventListener(eventName,function (event){ //event就是事件对象 },boolean) Event对象的属性:target 阅读全文
posted @ 2017-09-03 15:46 YUHONGCUISummer 阅读(194) 评论(0) 推荐(0) 编辑

BOM浏览器对象模型

摘要: 1.BOM是浏览器窗口中最顶层的对象。 2.全局Window对象: var str = ''hello''; function fn(){ console.log("world") } console.log(str window.str); console.log(fn window.fn); w 阅读全文
posted @ 2017-09-03 14:58 YUHONGCUISummer 阅读(102) 评论(0) 推荐(0) 编辑

Event事件

摘要: 1.事件驱动的三要素: * 事件源:即触发事件的元素。 *事件:被JavaScript 监测到的行为。 *事件处理函数:事件发生时要进行的操作,又叫做“事件句柄”或“事件监听器”。 2.事件的分类: click 标点击操作dblclick 标双击操作mousedown 按下标按键mouseup 抬起 阅读全文
posted @ 2017-08-27 15:06 YUHONGCUISummer 阅读(132) 评论(0) 推荐(0) 编辑

DOM对象

摘要: 1.DOM-document对象: Dom的级别由(0~3)共4级,1.2级是官方的,而0.3级都是非官方的。 在DOM树结构中主要由以下四种节点组成: * 文档节点:表示在整个HTML页面(document); * 元素节点:表示HTML中的标签。 * 文本节点:表示HTML的标签里包含的内容。 阅读全文
posted @ 2017-08-27 14:28 YUHONGCUISummer 阅读(163) 评论(0) 推荐(0) 编辑

解构赋值

摘要: 1.数组的解构赋值: ES6允许的一种写法: let [a,b,c] = [1,2,3]; 2.嵌套数组的解构 let [a,[[b],c,d]] = [1,[[2],3,4]]; console.log(a); console.log(b); console.log(c); console.log 阅读全文
posted @ 2017-07-30 16:13 YUHONGCUISummer 阅读(109) 评论(0) 推荐(0) 编辑

字符串与对象

摘要: 1.字符串的长度: 字符串和数组一样,也有length 属性来表示字符串的长度。字符串的长度指的是整个字符串里所有字符的个数。 var str = "hello"; congsole.log(str.length); 2.使用方法: a.通过位置找字符: charAt() 返回制定位置的字符。 b. 阅读全文
posted @ 2017-07-30 15:17 YUHONGCUISummer 阅读(202) 评论(0) 推荐(0) 编辑

函数

摘要: 1.函数的定义: 定义函数的两种方式: * 函数声明方式: function fn(){ console.log("11111"); } * 字面量方式: var fn = function (){ console.log("11111"); } 两者的区别: 函数声明方式有函数提升。 字面量方式没 阅读全文
posted @ 2017-07-23 11:07 YUHONGCUISummer 阅读(160) 评论(0) 推荐(0) 编辑