前端 JavaScript 的前言理论知识

76433橘子
120 阅读3分钟

前端 JavaScript 的前言理论知识

前端 JavaScript ES5 学习目录

1. 认识 JavaScript

2. JavaScript 基础语法

3. JavaScript 变量 数据类型 运算操作符

4. JavaScript 逻辑运算符 分支语句 循环语句

5. JavaScript 函数 作用域问题

6. JavaScript IIFE 面向对象 函数中的this

7. JavaScript 类和对象 window对象 常见内置类

8. JavaScript 数组基本使用 Date日期的使用

  • 前端三大核心

    • HTML, CSS, JavaScript

    • 首先我们需要的是将这三个部分能够学好就学好，否则后面就会发现很多问题的

    • HTMlL 是一门标记语言，然后 CSS是一门样式语言，但是都不是我们的编程语言

    • 但是前端的灵魂是我们的 javascript 这个是我们的前端的核心，他给我们的网页添加了和后端的一种交互的形式

      • 同时我们实现使用 javascript 的时候，还是可以利用 nodejs 来实现后端开发
      • 但是只不过他是具备很多和前端页面进行交互的 API,所以说就可以实现我们的前端开发

  • 编程语言（programming language）

    • 通过一种标准来实现给我们的计算机发出相应的指令，然后让计算机可以执行一些我们的功能，这个就是编程语言

    • 学习每一门编程语言具备的特点

      • 数据 和 数据结构
      • 指令 和 流程控制
      • 引用机制 和 重用机制
      • 设计一个项目的思路

    • 我一直有句话每一种编程语言都是很像的，但是只是因为内部含有一些小的区别，从而才有了这么多的语言

    • 注意： 我们常说的python / javascript 很简单，但是也只能说很好上手，后面每一种编程语言都达到了相同的高度

  • 编程语言的发展史：机器语言 -> 汇编语言 -> 底层语言 -> 高级语言 -> 脚本语言

  • JavaScript 的介绍

    • 首先这门语言是一门 高级语言 / 解释型的编程语言
    • 这一门语言的话，我们是可以支持面向对象程序设计，指令式编程，函数式编程，这个是一门基于原型的一门语言

  • 学习JavaScript 的思路

    • Javascript 是包含了三个部分的: ECMAScript DOM BOM

      • ECMAScript 我们的 JavaScript 的语言规范
      • DOM 就是实现的是我们的用于操作文档的Document Object ModelAPI,这个实现的是对我们网页的操作
      • BOM 就是实现的是我们的用来操作浏览器的 Browser Object Models API，这个实现的是对浏览器的操作

  • 前端需要了解的几个引擎机制

    • 排版引擎（layout engine ） 浏览器引擎（browser engine） 页面渲染引擎（rendering engine）

    • 然后我们常说的浏览器内核就是我们的排版引擎（layout engine）

    • 同时现在我们还可以添加一个引擎，就是用来实现加载我们的JavaScript（javascript engine）

      • 高级编程语言最后都是需要转化为我们的机器指令来实现执行的，js的运行环境浏览器 或者 node
      • 最终都是需要在我们的 CPU 中实现运行的

    • 常见的 js 引擎

      • SpiderMonkey 第一款JS引擎
      • Chakra IT浏览器
      • JavaScriptCore webkit中的JS引擎
      • V8 Google 开发的一个十分强大的 JS引擎

    • 浏览器内核和 JavaScript引擎之间的关系

      • webCore 就是实现负责的就是我们的HTML解析，布局，渲染等等

      • JavaScriptCore 解析和执行JavaScript代码的

      • 下面的图是我们的小程序开发的一个思维图：

        image-20241014171350127.png

  • JavaScript 的应用场景

avatar
文章
阅读
粉丝