Web 前端开发自学笔记

HTML
“块级元素”译为 block level element，“内联元素”译为 inline element。

块级元素在浏览器显示时，通常会以新行来开始（和结束）。
例子：<div>, <h1>, <p>, <ul>, <table>
默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。

内联元素在显示时通常不会以新行开始。
例子：<span>, <b>, <td>, <a>, <img>

设计表格的目的是呈现表格化数据 - 表格不是布局工具！

CSS
CSS 定位
position 属性值：
absolute : 元素框从文档流完全删除，并相对于其包含块定位。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。
fixed : 元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。

JavaScript
JavaScript数据类型
JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型。
对象属性有两种寻址方式：
name=person.lastName;
name=person[“lastName”];

如果你要访问对象的函数属性，它将作为一个定义函数的字符串返回。

JavaScript参数
JavaScript 函数定义时参数没有指定数据类型。
JavaScript 函数对隐藏参数(arguments)没有进行检测。
JavaScript 函数对隐藏参数(arguments)的个数没有进行检测。
如果函数调用时设置了过多的参数，参数将无法被引用，因为无法找到对应的参数名。只能使用 arguments 对象来调用。

JavaScript闭包
var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();

add();
add();
add();

// 计数器为 3
闭包是可访问上一层函数作用域里变量的函数，即便上一层函数已经关闭。

确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条），实用的 JavaScript 方案（涵盖所有浏览器）：
var w=window.innerWidth
document.documentElement.clientWidth
document.body.clientWidth;

var h=window.innerHeight
document.documentElement.clientHeight
document.body.clientHeight;

当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。