摘要：
DOM即文档对象模型（Document Object Model），其定义了访问和操作 HTML 文档的标准方法。 DOM 将 HTML 文档表达为树结构，如下： 通过DOM，开发人员可以动态的添加、移除和修改页面的某一部分。 由于HTML文档被浏览器解析后就是一棵DOM树，要改变HTML的结构，就 阅读全文
随笔档案-2017年02月
HTML5学习笔记（二十一）：BOM
2017-02-27 17:58 by 阿诚de窝, 915 阅读, 收藏, 编辑
摘要：
BOM(Browser Object Model) 是指浏览器对象模型。 由于最初JavaScript就是设计在浏览器中执行的脚本语言，所以BOM是浏览器提供给JavaScript操作自身的接口。 window BOM的核心对象是window对象，window对象表示一个浏览器的一个页面窗口对象。 阅读全文
HTML5学习笔记（二十）：JavaScript中的标准对象
2017-02-24 20:11 by 阿诚de窝, 749 阅读, 收藏, 编辑
摘要：
这里提到的标准对象指ECMAScript中定义的对象，无论JavaScript运行那种环境（浏览器、Node.js）下都存在的对象。 typeof 在JavaScript的世界里，一切都是对象。 但是某些对象还是和其他对象不太一样。为了区分对象的类型，我们用typeof操作符获取对象的类型，它总是返 阅读全文
HTML5学习笔记（十九）：Lambda和Promise
2017-02-24 13:28 by 阿诚de窝, 1176 阅读, 收藏, 编辑
摘要：
Lambda 在ES6的标准中称为Arrow Function（箭头函数）。下面是一个简单的箭头函数： 上面的定义和下面的代码定义效果一样： 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条 阅读全文
HTML5学习笔记（十八）：闭包
2017-02-23 13:16 by 阿诚de窝, 1092 阅读, 收藏, 编辑
摘要：
高阶函数 JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，也可以返回一个函数，这种函数就称之为高阶函数。 函数作为参数 示例如下： 函数作为参数的好处是我们可以通过修改参数就可以改变函数的行为。 函数作为返回值 示例 阅读全文
HTML5学习笔记（十七）：访问器和class关键字
2017-02-22 13:25 by 阿诚de窝, 546 阅读, 收藏, 编辑
摘要：
访问器 在ECMAScript5中，提供了Object.defineProperty的方法，我们可以通过该方法来控制属性的更多权限。 属性类型 我们先看一段定义属性的代码： 我们为person定义了一个名为name的属性，这是最简单的设定，那么当我希望这个属性是一个只读属性，或者该属性不会在for 阅读全文
HTML5学习笔记（十六）：原型、类和继承【JS核心知识点】
2017-02-21 18:48 by 阿诚de窝, 888 阅读, 收藏, 编辑
摘要：
理解原型 在JavaScript中，只要声明了一个函数，就会为该函数创建一个名为prototype的属性，该属性指向当前函数的原型对象。 而函数的原型对象有一个constructor属性，该属性指向刚声明的函数。 需要注意的是：只有通过声明创建的函数对象才会具有原型对象和prototype属性，其它 阅读全文
HTML5学习笔记（十五）：方法
2017-02-16 17:31 by 阿诚de窝, 267 阅读, 收藏, 编辑
摘要：
在一个对象中绑定函数，称为这个对象的方法。 在JavaScript中，对象的定义是这样的： 但是，如果我们给xiaoming绑定一个函数，就可以做更多的事情。比如，写个age()方法，返回xiaoming的年龄： 绑定到对象上的函数称为方法，和普通函数也没啥区别，但是它在内部使用了一个this关键字 阅读全文
HTML5学习笔记（十四）：变量作用域
2017-02-16 17:24 by 阿诚de窝, 1369 阅读, 收藏, 编辑
摘要：
在JavaScript中，用var申明的变量实际上是有作用域的。 如果一个变量在函数体内部申明，则该变量的作用域为整个函数体，在函数体外不可引用该变量： 如果两个不同的函数各自申明了同一个变量，那么该变量只在各自的函数体内起作用。换句话说，不同函数内部的同名变量互相独立，互不影响： 由于JavaSc 阅读全文
HTML5学习笔记（十三）：JavaScript函数
2017-02-16 17:16 by 阿诚de窝, 913 阅读, 收藏, 编辑
摘要：
函数定义 在JavaScript中，定义函数的方式如下： 上述abs()函数的定义如下： function指出这是一个函数定义； abs是函数的名称； (x)括号内列出函数的参数，多个参数以,分隔； { ... }之间的代码是函数体，可以包含若干语句，甚至可以没有任何语句。 请注意，函数体内部的语句 阅读全文
HTML5学习笔记（十二）：JavaScript新增Map和Set
2017-02-16 17:09 by 阿诚de窝, 5481 阅读, 收藏, 编辑
摘要：
Map JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构，即一组键值对。 但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。 为了解决这个问题，最新的ES6规范引入了新的数据类型 阅读全文
HTML5学习笔记（十一）：JavaScript基础
2017-02-16 16:54 by 阿诚de窝, 290 阅读, 收藏, 编辑
摘要：
JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到<head>中： 第二种方法是把JavaScript代码放到一个单独的.js文件，然后在HTML中通过<script src="..."></script>引入这个文件： 把JavaScript代码放入一 阅读全文
HTML5学习笔记（十）：CSS常用操作
2017-02-16 16:38 by 阿诚de窝, 383 阅读, 收藏, 编辑
摘要：
对齐 在 CSS 中，可以使用多种属性来水平对齐元素。 水平对齐 使用 margin 属性来水平对齐，可通过将左和右外边距设置为 "auto"，来对齐块元素。 把左和右外边距设置为 auto，规定的是均等地分配可用的外边距。结果就是居中的元素： 也可以简写为，这里把上下的外边距设定为0： 左右对齐 阅读全文
HTML5学习笔记（九）：选择器详解
2017-02-14 15:36 by 阿诚de窝, 1503 阅读, 收藏, 编辑
摘要：
在前面的笔记中我们已经接触过几种常见的选择器，本笔记我们将深入了解CSS的选择器。 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。在 W3C 标准中，元素选择器又称为类型选择器（type selector）。 比如，下面的规则匹配文档树中所有 h1 元素： 阅读全文
HTML5学习笔记（八）：CSS定位
2017-02-14 15:02 by 阿诚de窝, 672 阅读, 收藏, 编辑
摘要：
CSS 定位 (Positioning) 属性允许你对元素进行定位。 定位和浮动 CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠。定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的 阅读全文
HTML5学习笔记（七）：CSS盒子模型
2017-02-08 21:01 by 阿诚de窝, 965 阅读, 收藏, 编辑
摘要：
在CSS中，盒子模型有W3C标准盒子模型和IE盒子模型两种，这里所谈的是基于W3C标准的盒子模型。 所有HTML元素都可以看作盒子，即所有HTML标签都支持盒子模型的属性，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括： 阅读全文
HTML5学习笔记（六）：CSS基本样式
2017-02-08 17:10 by 阿诚de窝, 471 阅读, 收藏, 编辑
摘要：
背景 需要注意：背景的所有属性都不会向下进行继承。 背景色 我们可以设定一个纯色为背景色。 背景色有特点如下： 可以为所有元素设置背景色，这包括 body 一直到 em 和 a 等行内元素。 background-color 不能继承，其默认值是 transparent。transparent 有“ 阅读全文
HTML5学习笔记（五）：CSS基础
2017-02-07 20:56 by 阿诚de窝, 392 阅读, 收藏, 编辑
摘要：
CSS 指层叠样式表 (Cascading Style Sheets)，在网页中用来定义网页的元素如何进行显示。 CSS 对大小写不敏感。不过存在一个例外：如果涉及到与 HTML 文档一起工作的话，class 和 id 名称对大小写是敏感的。 书写格式 CSS 规则由两个主要的部分构成：选择器，以及 阅读全文
HTML5学习笔记（四）：H5中表单新增元素及改良
2017-02-07 18:08 by 阿诚de窝, 1473 阅读, 收藏, 编辑
摘要：
方便布局 表单内容可以放在表单标签之外，这样做的好处是方便设计时不用考虑一定要将表单元素放在指定的form标签之下，只要指定元素适用于哪个表单即可，如下： 可指定提交按钮的目标及方法 在HTML5之前，一个表单只能填写一个action及一个method，在HTML5中每个提交按钮都可以指定自己的ac 阅读全文
HTML5学习笔记（三）：语义化和新增结构元素
2017-02-05 20:33 by 阿诚de窝, 906 阅读, 收藏, 编辑
摘要：
在HTML5之前，使用机器来阅读一个网页是非常困难的，我们使用不同样式的div来标记不同的内容，所以实际上机器无法得知页面的哪个部分是正文，哪个部分是标题，那么在HTML5里，针对这个问题就引入了语义化的概念，同时提供了新的标签来指定对应的内容类型。 语义化的好处 语义化的html只用来搭建网页的结 阅读全文
HTML5学习笔记（二）：HTML基础学习之二
2017-02-05 15:44 by 阿诚de窝, 372 阅读, 收藏, 编辑
摘要：
表单 表单用来传递用户数据，多用来与后端进行数据交互。 前端： 后端PHP： 前端发送用户名及密码的信息给到后端，后端通过php打印出接收到的信息。 框架 框架标签(frame) 框架主要用来进行页面的设计，需要注意的是该标签在HTML5中已经过时。 框架集标签(frameset) 该标签将一个窗口 阅读全文
HTML5学习笔记（二）：HTML基础学习之一
2017-02-04 22:44 by 阿诚de窝, 326 阅读, 收藏, 编辑
摘要：
元素、属性和格式化 元素是指开始标签到结束标签之前的所有代码，如： 大多数的HTML元素都是可以进行嵌套的。 属性是指为元素提供更多信息的以键值对的形式存在的数据，如： 大多数的标签都存在通用的属性，如： class：元素的类名 id：元素的唯一标识 style：元素的样式 title：元素的额外信 阅读全文
