菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 零基础前端-辛洋-20230428 [打印本页]

作者: 肤浅1543 时间: 2023-5-3 11:50
标题: 零基础前端-辛洋-20230428
认识JavaScript
什么是js
      js 是世界上最流行的语言之一，是一种运行在客户端的脚本语言，（script是脚本的意思）
      脚本语言：就是不需要编译，运行过程由js解释器（js引擎）逐行来进行解释并执行
      现在也会基于Node.js来实现服务端的编程

JS和HTML、CSS的关系
      HTML/CSS 是标记语言-描述性的语言
         HTML 决定网页的结构
         CSS 决定网页的样式（表现）

      JS是脚本语言-是编程类的语言
         实现页面行为或者交互的语言。

JS的解析方式
      浏览器分成两个部分
         渲染引擎
            用来解析HTML/CSS的引擎，俗称内核，比如Chrome的blink内核

         JS引擎
            也叫做JS的解释器，用来读取网页中的JS代码，处理代码并执行，比如Chrome的JS解释器 V8

JS的组成
      ECMAScript
         ECMAScript由ECMA国际（原来的欧洲计算机制造商协会）进行标准化的一门编程语言，一般被称为JavaScript（网景公司）或者JScript（微软公司）。

      DOM
         文档对象模型（DocumentObject Model，简称DOM），是W3C组织推荐的处理可扩展语言，通过DOM我们可以对页面上的各种元素进行操作（大小、位置、颜色等等）

      BOM
         浏览器对象模型（BrowserObject Model，简称BOM），指的是浏览器对象模型，提供独立于页面的，可以与浏览器窗口进行交互的对象结构，比如可以进行浏览器跳转、获取分辨率等等。

JS的三种引入方式
      行内式
         可以将少部分的js代码写到行内式的事件属性中，比如onclick。
         注意单双引号的使用：在HTML中我们推荐使用双引号，但是在js中我们推荐使用单引号。
         可读性比较差，不好维护。
         一般不建议使用。

      内嵌式
         注意点
            可以将多行的js代码写到script标签中
            我们练习的时候的常用方式

      外部引入
         例
         为了优化HTML代码结构，会将大量的js代码放到js文件中，外部进行导入，方便维护和复用
         是实际开发中的使用方式。

JS的注释
      单行注释
         // 开头，后面写注释内容，  快捷键是ctrl+/

      多行注释
         /* 多行注释*/
         快捷键 alt+shift+a

JS的输入输出语句
      输出
         alert(message)  浏览器弹出警示框，经常用来显示消息给用户
         console.log(message)浏览器控制台输出信息，程序员自己调试的时候使用
         pormpt(message) 浏览器会弹出输入框，用户可以输入信息

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)