前端最最基本的三个核心技能：HTML、JS、CSS,其中最能代表前端的就是Javascript了。

概念

前端开发入门学习有：HTML、CSS、JavaScript（简称JS）这三个部分。

所以在学习之前我们需要先明确三个概念：

1. HTML——内容层，它的作用是表示一个HTML标签在页面里是个什么角色。

2. CSS——样式层，它的作用是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。

3. JS——行为层，它的作用是当用户触发某些行为时，会给内容和样式带来什么样的改变。

学习路线图

API快速查找工具

http://devdocs.io/

盒模型

盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。

Jquery模糊选择器

1. name前缀为aa的所有div的jquery对象
$("div[name^='aa']");
2. name后缀为aa的所有div的jquery对象
$("div[name$='aa']");
3. name中包含aa的所有div的jquery对象
$("div[id*='aa']");
4. input标签类型是text，name="aa"的对象
$("input:text[name='aa']")

以上返回的都是jquery的集合对象，因此都可以用each方法进行遍历。

Ajax

$.ajax({
        type: 'GET',    // 这是请求的方式 可以是GET方式也可以是POST方式, 默认是GET
        url: ' xxx.php ',   // 这是请求的连接地址 一般情况下这个地址是后台给前端的一个连接，直接写就可以
        dataType: 'json',  // 这是后台返回的数据类型 一般情况下都是一个json数据， 前端遍历一下就OK
        async: true, // 默认为true，默认为true时，所有请求均为异步请求，如果需要发送同步请求，需设置为false,
        timeout: 8000, // 设置请求超时时间（毫秒）。此设置将覆盖全局设置
        data: {
                // 要传递的参数
                'xxx' : 'xxx'
        },
        beforeSend: function () {
                // 在发送请求前就开始执行 （一般用来显示loading图）
        }，
        success: function (data) {
                // 发送请求成功后开始执行，data是请求成功后，返回的数据
        },
        complete: function () {
                //当请求完成后开始执行，无论成功或是失败都会执行 （一般用来隐藏loading图）
        }，
        error: function (xhr, textStatus, errorThrown) {
                //  请求失败后就开始执行，请求超时后，在这里执行请求超时后要执行的函数
        }
}).done(function () {
        // 这个函数是在ajax数据加载完之后，对数据进行的判断，在涉及到对ajax数据进行操作无效时，在这个函数里面写是可以起到效果的
});