• JavaScript脚本语言


    javascrip是一门脚本语言,属于高级语言范畴,解释型语言。

    一、作用

      1、表单动态验证校验(密码强度检测)(js最初产生的目的)

      2、网页特效

      3、服务端开发(Node.js)

      4、桌面程序(Electron)

      5、App(Cordova)

      6、控制硬件-物联网(Ruff)

      7、游戏开发(cocos2d-js)

    二、HTML/CSS/JS的关系

      HTML/CSS标记语言--描述类语言

      1、HTML决定网页结构和内容

      2、CSS决定网页呈现给用户的样式

      JS脚本语言--编程类语言

      1、实现业务逻辑和页面控制功能

    三、浏览器执行
      渲染引擎和JS引擎

      渲染引擎:解释HTML和CSS,俗称内核,比如chrome浏览器的blink,老版本的webkit

      JS引擎:也称为JS解释器。用来读取网页中的JavaScript代码,对其进行处理,比如chrome浏览器的V8(最快的js引擎)

    浏览器本身并不会执行JS代码,而是通过内置的JavaScript引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行。所以JavaScript语言是脚本语言,会逐行解释执行。

    四、JS的组成

      1、ECMAScript

      2、DOM---文档对象模型

     

       3、BOM---浏览器对象模型

    五、JS体验

      js的三种书写位置,行内内嵌和外部

     变量

    <script>
        // 1.声明一个变量
        var age;
        // 2.赋值  把值存入这个变量中
        age = 20;
        // 3.输出结果
        console.log(name);
        // 4.声明变量并初始化
        var myname = 'zhangsan';
        console.log(myname);
    </script>

    变量声明的特殊情况

    <script>
        // 1.更新变量
        var myname = 'zhangsan'
        console.log(myname);
        myname = prompte("请输入您的名字:")
        console.log(myname)
        // 2.声明多个变量
        var age = 20,
        address = '北京',
        tl = '1234567890';
        // 3.声明变量的特殊情况
      // 3.1 只声明不赋值,结果是undefined
      var sex;
      console.log(sex); //undefined
      // 3.2 不声明,不赋值,直接使用某一个变量会报错
      //console.log(ttel);  //解释器会暂停在这里,不往下执行
      // 3.3 不声明直接赋值使用
      qq =100;
      console.log(qq);  //正常输出,但是qq会被当做全局变量
    </script>

     

  • 相关阅读:
    leetcode 86. Partition List
    leetcode 303. Range Sum Query
    leetcode 1310. XOR Queries of a Subarray
    leetcode 1309. Decrypt String from Alphabet to Integer Mapping
    leetcode 215. Kth Largest Element in an Array
    将numpy.ndarray写入excel
    leetcode 1021 Remove Outermost Parentheses
    leetcode 1306. Jump Game III
    leetcode 1305. All Elements in Two Binary Search Trees
    ICCV2019 oral:Wavelet Domain Style Transfer for an Effective Perception-distortion Tradeoff in Single Image Super-Resolution
  • 原文地址:https://www.cnblogs.com/ucas123/p/14283503.html
Copyright © 2020-2023  润新知