手记

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 个字符)。

2人推荐
随时随地看视频
慕课网APP