基础培训-前端初探

dhso
2017/07/07 00:20
统计中

前端最最基本的三个核心技能: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数据进行操作无效时,在这个函数里面写是可以起到效果的
});

本文为 dhso 原创

发布在 http://blog.minws.com/ji-chu-pei-xun-qian-duan-chu-tan/

如有转载,请标明来源!

作者信息
姓名:dhso
热评文章
最新评论
文章概览