码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 一幅长文细学JavaScript(一)——一幅长文系列


    文章目录

    • 1 基本知识
      • 1.1 概述
          • JS
          • JS作用
          • HTML/CSS/JS
      • 1.2 浏览器执行JS的过程
          • 渲染引擎和JS引擎
      • 1.3 JS的组成及基本语法
          • JS组成
          • 书写位置
          • 注释
          • 语句

    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的一条语句可以加分号也可以不加,如果不加分号,后面执行时会自动帮你补上分号

  • 相关阅读:
    笔试题/面试题——数组去重--9种方法
    Android学习笔记 58. 探索基本Activity架构
    tomcat-valve通过servlet处理请求
    使用NetDevOps使您的网络现代化
    Flask1.1.4 Werkzeug1.0.1 源码分析:启动流程
    嵌入式Linux入门—Linux多线程编程、互斥量、信号量、条件变量
    开发成本类似快递出入库寄收件成本多少
    信钰证券:新增融券交易明显降温 业内称新规将平衡多类型投资者利益
    AI硬件:显卡 vs. 处理器 vs. 量子计算机
    ZCMU--1415: Box of Bricks(C语言)
  • 原文地址:https://blog.csdn.net/chengyuhaomei520/article/details/126336568
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号