摘要：
在一个对象中绑定函数，称为这个对象的方法。 在JavaScript中，对象的定义是这样的： 但是，如果我们给xiaoming绑定一个函数，就可以做更多的事情。比如，写个age()方法，返回xiaoming的年龄： 绑定到对象上的函数称为方法，和普通函数也没啥区别，但是它在内部使用了一个this关键字 阅读全文
随笔分类 - Web前端
HTML5学习笔记（十四）：变量作用域
2017-02-16 17:24 by 阿诚de窝, 1340 阅读, 收藏, 编辑
摘要：
在JavaScript中，用var申明的变量实际上是有作用域的。 如果一个变量在函数体内部申明，则该变量的作用域为整个函数体，在函数体外不可引用该变量： 如果两个不同的函数各自申明了同一个变量，那么该变量只在各自的函数体内起作用。换句话说，不同函数内部的同名变量互相独立，互不影响： 由于JavaSc 阅读全文
HTML5学习笔记（十三）：JavaScript函数
2017-02-16 17:16 by 阿诚de窝, 893 阅读, 收藏, 编辑
摘要：
函数定义 在JavaScript中，定义函数的方式如下： 上述abs()函数的定义如下： function指出这是一个函数定义； abs是函数的名称； (x)括号内列出函数的参数，多个参数以,分隔； { ... }之间的代码是函数体，可以包含若干语句，甚至可以没有任何语句。 请注意，函数体内部的语句 阅读全文
HTML5学习笔记（十二）：JavaScript新增Map和Set
2017-02-16 17:09 by 阿诚de窝, 5431 阅读, 收藏, 编辑
摘要：
Map JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构，即一组键值对。 但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。 为了解决这个问题，最新的ES6规范引入了新的数据类型 阅读全文
HTML5学习笔记（十一）：JavaScript基础
2017-02-16 16:54 by 阿诚de窝, 284 阅读, 收藏, 编辑
摘要：
JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到<head>中： 第二种方法是把JavaScript代码放到一个单独的.js文件，然后在HTML中通过<script src="..."></script>引入这个文件： 把JavaScript代码放入一 阅读全文
HTML5学习笔记（十）：CSS常用操作
2017-02-16 16:38 by 阿诚de窝, 379 阅读, 收藏, 编辑
摘要：
对齐 在 CSS 中，可以使用多种属性来水平对齐元素。 水平对齐 使用 margin 属性来水平对齐，可通过将左和右外边距设置为 "auto"，来对齐块元素。 把左和右外边距设置为 auto，规定的是均等地分配可用的外边距。结果就是居中的元素： 也可以简写为，这里把上下的外边距设定为0： 左右对齐 阅读全文
HTML5学习笔记（九）：选择器详解
2017-02-14 15:36 by 阿诚de窝, 1465 阅读, 收藏, 编辑
摘要：
在前面的笔记中我们已经接触过几种常见的选择器，本笔记我们将深入了解CSS的选择器。 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。在 W3C 标准中，元素选择器又称为类型选择器（type selector）。 比如，下面的规则匹配文档树中所有 h1 元素： 阅读全文
HTML5学习笔记（八）：CSS定位
2017-02-14 15:02 by 阿诚de窝, 668 阅读, 收藏, 编辑
摘要：
CSS 定位 (Positioning) 属性允许你对元素进行定位。 定位和浮动 CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠。定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的 阅读全文
HTML5学习笔记（七）：CSS盒子模型
2017-02-08 21:01 by 阿诚de窝, 951 阅读, 收藏, 编辑
摘要：
在CSS中，盒子模型有W3C标准盒子模型和IE盒子模型两种，这里所谈的是基于W3C标准的盒子模型。 所有HTML元素都可以看作盒子，即所有HTML标签都支持盒子模型的属性，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括： 阅读全文
HTML5学习笔记（六）：CSS基本样式
2017-02-08 17:10 by 阿诚de窝, 464 阅读, 收藏, 编辑
摘要：
背景 需要注意：背景的所有属性都不会向下进行继承。 背景色 我们可以设定一个纯色为背景色。 背景色有特点如下： 可以为所有元素设置背景色，这包括 body 一直到 em 和 a 等行内元素。 background-color 不能继承，其默认值是 transparent。transparent 有“ 阅读全文
HTML5学习笔记（五）：CSS基础
2017-02-07 20:56 by 阿诚de窝, 385 阅读, 收藏, 编辑
摘要：
CSS 指层叠样式表 (Cascading Style Sheets)，在网页中用来定义网页的元素如何进行显示。 CSS 对大小写不敏感。不过存在一个例外：如果涉及到与 HTML 文档一起工作的话，class 和 id 名称对大小写是敏感的。 书写格式 CSS 规则由两个主要的部分构成：选择器，以及 阅读全文
HTML5学习笔记（四）：H5中表单新增元素及改良
2017-02-07 18:08 by 阿诚de窝, 1453 阅读, 收藏, 编辑
摘要：
方便布局 表单内容可以放在表单标签之外，这样做的好处是方便设计时不用考虑一定要将表单元素放在指定的form标签之下，只要指定元素适用于哪个表单即可，如下： 可指定提交按钮的目标及方法 在HTML5之前，一个表单只能填写一个action及一个method，在HTML5中每个提交按钮都可以指定自己的ac 阅读全文
HTML5学习笔记（三）：语义化和新增结构元素
2017-02-05 20:33 by 阿诚de窝, 886 阅读, 收藏, 编辑
摘要：
在HTML5之前，使用机器来阅读一个网页是非常困难的，我们使用不同样式的div来标记不同的内容，所以实际上机器无法得知页面的哪个部分是正文，哪个部分是标题，那么在HTML5里，针对这个问题就引入了语义化的概念，同时提供了新的标签来指定对应的内容类型。 语义化的好处 语义化的html只用来搭建网页的结 阅读全文
HTML5学习笔记（二）：HTML基础学习之二
2017-02-05 15:44 by 阿诚de窝, 366 阅读, 收藏, 编辑
摘要：
表单 表单用来传递用户数据，多用来与后端进行数据交互。 前端： 后端PHP： 前端发送用户名及密码的信息给到后端，后端通过php打印出接收到的信息。 框架 框架标签(frame) 框架主要用来进行页面的设计，需要注意的是该标签在HTML5中已经过时。 框架集标签(frameset) 该标签将一个窗口 阅读全文
HTML5学习笔记（二）：HTML基础学习之一
2017-02-04 22:44 by 阿诚de窝, 319 阅读, 收藏, 编辑
摘要：
元素、属性和格式化 元素是指开始标签到结束标签之前的所有代码，如： 大多数的HTML元素都是可以进行嵌套的。 属性是指为元素提供更多信息的以键值对的形式存在的数据，如： 大多数的标签都存在通用的属性，如： class：元素的类名 id：元素的唯一标识 style：元素的样式 title：元素的额外信 阅读全文
HTML5学习笔记（一）：HTML简介
2016-07-19 10:36 by 阿诚de窝, 365 阅读, 收藏, 编辑
摘要：
Web前端涵盖的内容较多且杂，主要由3个部分组成：HTML标记语言、CSS样式语言和JavaScript脚本语言组成，而下面我们将先学习最新的标记语言HTML5。 <!DOCTYPE>标记 HTML也分为多个版本，为了让浏览器可以确切的知道当前文档使用的HTML版本，就需要添加一个DOCTYPE的标 阅读全文