美文网首页
2018-11-22

2018-11-22

作者: 轩辕小照 | 来源:发表于2018-11-22 20:31 被阅读0次

关于域名

例如百度的域名www.baidu.com中,www是子域名,baidu.com是主域名,注册时只需要注册主域名即可,子域名可以自由编辑

关于es6

es6标准中,当键和值相同时,可以只写一个
例如:

var name="Tom";
var age=23;
var obj ={
"name":"Tom",
"age":23
}

在es6中可以写作

var name="Tom";
var age=23;
var obj ={
      name,
      age
} 

同时,es6中支持对函数进行默认赋值
例如:

        function test({a=10,b,c}){
            /* 解构 */
            console.log(a+b+c);
        }
//当不对a进行赋值时,会调用其默认值10
        test({
            b:20,
            c:30
        })
//当然,在赋默认值的同时仍然可以传值
        test({
            a:30,
            b:20,
            c:30
        })

ajax封装

 var baseUrl = "http://mock.eolinker.com/W7AZzAQe1911deea5ab4b01704bbfe0b97948d26eb2d31d?uri=";
//类似于Java中封装方法,避免大量代码重复
        function http({url,type="get",dataType="json",data={},success}){
            $.ajax({
                url:baseUrl+url,
                type,
                dataType,
                data,
                success:function(res){
                    success(res);
                }
            })
        }
        http({
            url:"name",
            success:function(res){
                console.log(res);
            }
        });
        http({
            url:"/classic/latest",
            success(res){
                console.log(res);
            }
        })

还可以将函数封装在js文件中,在需要调用该函数的页面中引入相应的js文件即可
http.js

var baseUrl = "http://mock.eolinker.com/W7AZzAQe1911deea5ab4b01704bbfe0b97948d26eb2d31d?uri=";
function http({ url, type = "get", dataType = "json", data = {}, success }) {
    $.ajax({
        url: baseUrl + url,
        type,
        dataType,
        data,
        success: function (res) {
            success(res);
        }
    })
}

调用时在head标签中加入以下两行代码即可直接调用http函数

 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
 <script src="js/http.js"></script>

    <script>
        http({
            url:"name",
            success:res=>{
                console.log(res);
            }
        })
        http({
            url:"/classic/latest",
            success(res){
                console.log(res);
            }
        })
    </script>

相关文章

网友评论

      本文标题:2018-11-22

      本文链接:https://www.haomeiwen.com/subject/uxdrqqtx.html