赋值表达式
    document.onclick = document.onmouseover = fn;
    var a = b = c = d = 5;             不推荐

逗号表达式
    var a = 5,
        b = 3,
        c = 2;

听逗号最后一个
    if(0,1){                     if(1,0)
        true     √                    true
    }else{                        else
        false                         false     √
    }

alert('a','b');             'a'
    alert(('a','b'));             'b'

num = 12,5;                 12
        逗号的优先级很低

numu = (12,5);                 5

预解析
    会把所有声明提到顶部

预解析不会突破script标签
    预解析不会突破作用域
    函数也有预解析
    变量赋值形式的函数,按照变量的预解析走

script执行步骤:
        读取一个script标签->预解析->执行->读取下一个script标签
==============================================================
this的问题
    方法属于谁this就是谁
    function show(){
        alert(this);             window
    }
    show();
    show属于window的

document.onclick = function(){
        alert(this);             document
    };
    function属于document的

document.onclick = function(){
        function show(){
            alert(this);
        }
        show();
    };

show谁也不属于,应该弹undefined。但是弹window。
=============================================================
属于js的bug

作者造成的。
    作者也知道有这些bug。

严格模式
    'use strict';
    必须放在第一行,上面什么都不能有

解决了哪些问题?
        1.this的问题
        2.不允许不加var声明变量
        3.不允许连等声明变量
        4.干掉with

是好东西。
    不兼容IE低版本。

自己写得js文件都要加严格模式
==========================================================
    作者?
        布兰登·艾克
    作者为什么弄出这个bug?
===========================================================
ajax交互
    ajax不能跨域

跨域:
        www.a.com
        www.b.com

为什么需要跨域?
        1.第三方验证
        2.多个项目
======================================================
    jsonp         json with padding
        跨域交互

必须有jsonp的接口

百度下拉的接口
    https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=a&cb=show

wd         word             关键词
        cb         callback         回调函数的名字

$.ajax({
        url:'',
        data:{
            wd:''
        },
        dataType:'jsonp',
        jsonp:'回调参数名'
    });

玩jsonp:
    1.先有接口
    2.测试接口
        直接写在地址栏
    3.
        $.ajax({
            url:'百度的接口地址',
            dataType:'jsonp',
            data:{
                wd:'关键词'
            },
            jsonp:'cb'
        }).then((res)=>{
            成功
            res.s
        },(err)=>{
            失败
        });

搜索
    https://www.baidu.com/s?wd=关键词
    window.open('url','_self');

Jsonp核心原理
    利用script跨域加载脚本,执行回调函数
Ajax核心原理
    使用XMLHttpRequest对象

1.ajax如何跨域?
    jsonp
2.jsonp为什么不是ajax?
    因为没用XMLHttpRequest

360搜索
    https://sug.so.360.cn/suggest?callback=show&word=a

google
https://www.google.com.hk/complete/search?client=hp&hl=zh-CN&gs_rn=64&gs_ri=hp&cp=1&gs_id=uc&q=a&xhr=t

bing
http://cn.bing.com/AS/Suggestions?pt=page.home&mkt=zh-cn&qry=a&cp=1&cvid=A2306BB1EE354A81BB7DDBDF96BB8395

sogou
https://www.sogou.com/suggnew/ajajjson?key=aa&type=web
    window.sogou.sug(["aa",["aaa","aape","aabc的四字词语大全","a爱奇艺会员","aabb","aabc","aa655","阿安卡盟","aaa云","aabc形式的词语"],["0;0;0;0","1;0;0;0","2;0;0;0","3;0;0;0","4;0;0;0","5;0;0;0","6;0;0;0","7;0;0;0","8;0;0;0","9;0;0;0"],["","","","","","","","","",""],["0"],"","suglabId_1"],-1);

数据网站
    https://bird.ioliu.cn/
==================================================
移动端
    轮播图插件
    swiper
    官网:http://www.swiper.com.cn/
    只需要布局就行

滚屏插件
    iscroll
    官网:http://cubiq.org/iscroll-5

===================================================
swiper     无缝轮播图

===================================================
题:
    function show(b){
        alert(a);
        var a = b;
        alert(a);
    }
    var a = function (num){
        return show(num);
    }
    alert(a(12));

undefined 12 unefined

前端学习(三十)es6的一些问题(笔记)的更多相关文章

  1. 前端学习(三十六)promise(笔记)

    一个页面:  头部.用户信息.新闻列表 jquery ajax:  1.$.ajax({    url:'',    dataType:'json', }).then(res=>{    //r ...

  2. 前端学习(三十八)vue(笔记)

    Angular+Vue+React    Vue性能最好,Vue最轻=======================================================Angular     ...

  3. 前端学习(三十五)模块化es6(笔记)

    RequireJs:一.安装.下载    官网: requirejs.org    Npm:  npm i requirejs二.使用    以前的开发方式的问题:        1).js 是阻塞加 ...

  4. 前端学习(三十四)对象&模块化(笔记)

    人,工人 //类的定义    function Person(name,age){ //构造函数        //工厂模式        //1.原料        //var obj = new ...

  5. 前端学习(三十九)移动端app(笔记)

    移动端App    开发App的三种方式    Native App         原生        底层语言        java         Android        oc      ...

  6. 前端学习(二十九)nodejs(笔记)

    后台语言    java     php     .Net     python    Node.js------------------------------------------------- ...

  7. 前端学习(二十二)css3(笔记)

    html5        普通:        header section footer nav article aside figure 特殊:        canvas video audio ...

  8. 前端学习(二十)jquery属性(笔记)

    jq里面操作属性的方法: 设置属性:            设置一个:            $(this).attr('src','img/pic2.jpg');            设置一组:  ...

  9. Salesforce LWC学习(三十九) lwc下quick action的recordId的问题和解决方案

    本篇参考: https://developer.salesforce.com/docs/component-library/bundle/force:hasRecordId/documentation ...

随机推荐

  1. 字符串函数-unquote()函数

    字符串函数顾名思意是用来处理字符串的函数.Sass 的字符串函数主要包括两个函数: unquote($string):删除字符串中的引号: quote($string):给字符串添加引号. 1.unq ...

  2. java 继承访问成员变量

    package java09; //创建父类 public class Fu { int numFu = 10; int num =100; public void methodFu(){ Syste ...

  3. HugeGraph图数据库--测试

    2018年百度的HugeGraph.实现了Apache TinkerPop3框架及完全兼容Gremlin查询语言.开源项目https://github.com/hugegraph HugeGraph典 ...

  4. Codeforces Round #584 - Dasha Code Championship - Elimination Round (rated, open for everyone, Div. 1 + Div. 2)

    怎么老是垫底啊. 不高兴. 似乎 A 掉一道题总比别人慢一些. A. Paint the Numbers 贪心,从小到大枚举,如果没有被涂色,就新增一个颜色把自己和倍数都涂上. #include< ...

  5. session有效时间

    request.getSession().setMaxInactiveInterval(-1);//session不失效 request.getSession().setMaxInactiveInte ...

  6. spring boot 热部署devtools实现(成功,主要是添加依赖后配置setting)

    1.devtools spring为开发者提供了一个名为spring-boot-devtools的模块来使Spring Boot应用支持热部署,提高开发者的开发效率,无需手动重启Spring Boot ...

  7. 【leetcode】668. Kth Smallest Number in Multiplication Table

    题目如下: 解题思路:几乎和[leetcode]719. Find K-th Smallest Pair Distance 的方法一样.只不过一个是减法一个是乘法,还有一点区别是[leetcode]7 ...

  8. Oracle中表连接的运行原理

    Oracle优化器会自动选择以下三种方式的一种运行表连接,但在数据环境上配合强化选择合适的方式或强制使用某种方式是SQL优化的需要:      NESTED LOOP 对于被连接的数据子集较小的情况, ...

  9. Ant Design(ui框架)

    官方文档:https://ant.design/docs/react/introduce-cn 说明:Ant Design 是一个 ui框架,和 bootstrap 一样是ui框架.里面的组件很完善, ...

  10. Toposort(拓扑排序)dfs递归模板

    最近刷了几题拓扑排序的题,记录一下拓扑排序 在有向图中,并且按照一定的规则(题目所给的规则)排序.如果图中出现了有向环的话就无法排序了. int gap[maxn][maxn];//记录下有向边 in ...