• 一幅长文细学JavaScript(一)——一幅长文系列


    1 基本知识

    1.1 概述

    JS

    • JavaScript是世界上最流行的语言,是一种运行在客户端的脚本语言
    • 脚本语言是指不需要编译,运行过程中由js解释器逐行解释并执行
    • 现在也可以基于Node.js技术进行服务器端编程

    JS作用

    • 表单动态校验(最初目的)
    • 网页特效
    • 服务端开发
    • 桌面程序
    • APP
    • 控制硬件-物联网
    • 游戏开发(coco2d-js)

    HTML/CSS/JS

    HTML/CSS标记语言——描述类语言:HTML决定网页结构和内容,CSS决定网页呈现给用户的模样

    JS脚本语言——编程类语言:实现业务逻辑和页面控制


    1.2 浏览器执行JS的过程

    渲染引擎和JS引擎

    渲染引擎:用来解释HTML和CSS,俗称内核,比如Chrome的bink,老版本的webkit

    JS引擎:也称为JS解释器,用来读取网页中的JS代码,对其处理后运行,比如Chrome浏览器中的V8

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


    1.3 JS的组成及基本语法

    JS组成

    ECMAScript(JS语法):规定了JS编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。

    DOM(页面文档对象模型):是一个标准编程接口,通过这个接口我们可以对页面上的各种元素进行操作(大小、位置、颜色等)。

    BOM(浏览器对象模型):它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。


    书写位置

    JS和CSS一样有行内式、内嵌式和外部式。实际开发外部用的比较多。

    <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>Documenttitle>
        
        <script src="Demo1_3.js">script>
    head>
    <body>
        
        <input type = "button" value = "按钮1" onclick = "alert('点击了按钮1')">
        
        <script>
            //alert('沙漠骆驼');
        script>
    body>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16

    注释

    • 单行注释://
    • 多行注释:/**/

    :使用VSCode开发时,使用ctrl+/可以快速使用单行注释,使用shift+alt+a可以实现多行注释;为了方便,可以将多行注释的快捷键修改为ctrl+shift+/。


    语句

    JS的一条语句可以加分号也可以不加,如果不加分号,后面执行时会自动帮你补上分号

  • 相关阅读:
    JMeter 进行函数助手MD5加密
    ICMP差错包
    如何实现微服务
    辅助驾驶功能开发-功能规范篇(22)-2-L2级辅助驾驶方案功能规范
    PAT Sort with Swap(0, i)
    数据结构第29节 后缀树和后缀数组
    1049 Counting Ones 甲级 xp_xht123
    3 万亿美元,苹果问鼎全球市值最高公司宝座
    智能运维|AIRIOT智慧光伏管理解决方案
    JNPF:让应用开发更简单、快捷
  • 原文地址:https://blog.csdn.net/chengyuhaomei520/article/details/126336568