前端特性检测

HTML5是一些新的独立特性的集合，因此我们不能检测浏览器是否支持“HTML5”,但是我们可以分别检测浏览器是否支持诸如“画布(canvas)”、“视频(video)”、“地理位置(geolocation)”等特性

简要记录

做web前段开发人员已经习惯了处理多浏览器兼容(如IE、firefox、chrome)，我们需要从js和css上考虑让它如何兼容，如何一致。HTML5也一样，只是它更广泛的被浏览器开发商接受并兼容且效果良好。不过这里仍旧有一个问题，就是“有些旧的浏览器不支持”。我们往往会对浏览器对html5的支持做一定的检测，并使用一些友好的提示来提示用户。

apply和call的区别：

区别不大，只在参数。apply是something.apply(obj, arguments)，第一个obj是一个对象,然后arguments是一个数组。call是(obj, arg1, arg2, …..)。第一个参数是一个对象，剩下的是函数所需的其它参数。如果执行a.add()apply(b)，那么将执行一遍add函数，而且在add函数里，所有的this都将指向b。

两个函数均可起到对象冒充的作用。举个apply的例子

Liric音乐网站

• 一个主要素材为audio的网站

匿名函数

函数对于写过代码的大家来说怕是熟得不能再熟了。来个普普通通的函数先：

1
2
3

function add(a, b) {
    return a + b;
}

这函数是普通了点，它的功能也无非是返回两个数的和。

那匿名函数呢，又是什么？
其实说白了就是没有名字的函数，像这个样子：

1
2
3

function () {
    console.log("8080");
}

基础技能

• HTML4，HTML5语法、标签、语义

• CSS2.1，CSS3规范，与HTML结合实现各种布局、效果

• ECMA-262定义的javascript的语言核心，原生客户端javascript，DOM操作，HTML5新增功能

• 一个成熟的客户端javascript库，推荐jquery

• 一门服务器端语言：如果有服务器端开发经验，使用已经会的语言即可，如果没有，可以选PHP或者Ruby，能实现简单的登录注册等后台功能就足够支持前端开发了，后续可能需要继续学习，最基本要求是实现简单的功能模拟，

• HTTP

最近翻看了泽卡斯的《高性能JavaScript》，受益颇深，就顺手记录了下读后感

模块 1 加载

使用加载而不是引入的形式来处理外部的JS文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

function loadScript(url, callback) {
	var script = document.createElement("script");
	script.type = "text/javascript";

	if (script.readyState) {		//IE浏览器下
		script.onreadystatechange = function() {
			if (script.readyState == "loaded" || "complete") {
				script.onreadystatechange = null;
				callback();
			}
		}

	} else {			//chrome FireFox...
		script.onload = function() {
			callback();
		}
	}

	script.src = url;
	document.getElementsByTagName('head')[0].appendChild(script);
}