js高级语法

最新推荐文章于 2024-01-19 17:48:07 发布

A 风

最新推荐文章于 2024-01-19 17:48:07 发布

阅读量489

点赞数 1

分类专栏： javascript vue npm包文章标签： css css3 html5

本文链接：https://blog.csdn.net/gxdzi/article/details/123820142

版权

javascript 同时被 3 个专栏收录

91 篇文章 0 订阅

订阅专栏

vue

87 篇文章 1 订阅

订阅专栏

npm包

25 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>全局代码执行过程</title>
</head>

<body>
  <div>
    <h5>作用域</h5>
    <span>作用域的理解，作用域提升，块级作用域，作用域链，AO，GO，VO等概念</span>
    <hr>

    <h5>函数，闭包</h5>
    <span>闭包的访问规则，闭包的内存泄露，函数中的this指向</span>
    <hr>

    <h5>面向对象</h5>
    <span>JavaScript面向对象，继承，原型，原型链等</span>
    <hr>

    <h5>es新语法</h5>
    <span>es5，es6，es7</span>
    <hr>

    <h5>浏览器渲染原理</h5>
    <span>输入url，dns域名解析，域名指向网站空间IP，建立tcp连接，三次握手，四次挥手，浏览器下载html文件，且解析它，
      执行过程中，HTML解析的时候遇到了JavaScript标签，会停止解析HTMl，而去加载和执行JavaScript代码
      一般从index.html开始解析，浏览器内核中的HTML Parser，会把HTML解析成DOM
      Tree，上面那个倒三角DOM是指JavaScript代码可以操作DOM，比如document.createElement()进行元素创建。css会由CSS Parser解析成CSS规则，然后CSS规则和DOM
      Tree会结合成Attachment（附加），进而生成RenderTree（渲染树），这时Layout（布局引擎）会根据不同浏览器进行对应的布局生成新的RenderTree，然后Painting（绘制）出页面元素，最后Display（展示）
      整个过程就像一辆汽车，html是车的主体和零件，css就是车的装饰，js就是车的各种功能
    </span>
    <hr>
    <div>IP地址是什么
      每个处于互联网中的设备都有IP 地址，形如 192.168.0.1
      局域网 IP 和公网 IP 是有差别的
      127.0.0.1代表本机的 IP</div>
  </div>
  <script>
    // 我们在查找一个变量时，真实的查找路劲是沿着作用域链来查找的
    // var name = 'why'
    // foo(123)

    // function foo(num) {
    //   console.log(m);
    //   var m = 10
    //   var n = 20
    //   // var name = 'foo'
    //   console.log(name);
    // }

    // var x = 0

    // // 当函数的参数有默认值时, 会形成一个新的作用域, 这个作用域用于保存参数的值
    // function foo(x, y = function () {
    //   x = 3;
    //   console.log(x)
    // }) {
    //   console.log(x) // 1
    //   var x = 2
    //   console.log(x) // 2
    //   y()  // 3
    //   console.log(x) // 2
    // }

    // foo(1)
    // console.log(x) // 0

    function foo(el) {
      console.log(el, this.id)
    }

    var obj = {
      id: 'awesome'
    }

    var nums = [1, 2, 3]
    nums.forEach(foo, obj)
  </script>
</body>

</html>

A 风

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js高级语法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>全局代码执行过程&l
复制链接

扫一扫

专栏目录