JavaScript 入门基础 / 概念介绍(一)

简介: JavaScript 入门基础 / 概念介绍(一)

JavaScript 入门基础 / 概念介绍(一)

1.初识JavaScript

1.1 JavaScript历史

1995年,网景公司一名程序员布兰登·艾奇利用十天完成了JavaScript设计,网景公司最初将它命名为LiveScript,后与Sun公司合作将其改名为JavaScript。

1.2 JavaScript是什么

  • JavaScript是一种运行在客户端的脚本语言,
  • 脚本语言:是一种不需要编译直接由js解释器逐行解释并执行的语言。
  • 可以基于node.js技术进行服务端编程。

1.3 JavaScript 的作用

  • 桌面程序
  • 网页特效
  • App
  • 控制硬件-物联网(Ruff)
  • 游戏开发(cocos2d-js)
  • 表单动态校验(密码强度检测,也是js产生的最初目的)

1.4 HTML/CSS/JS 的关系

  • html决定网页的结构内容,相当于人的身体(body)。

在这里插入图片描述

  • css是网页所呈现的效果(决定美观度),相当于人们穿衣服,化妆。

在这里插入图片描述

  • js是实现业务逻辑和界面控制,相当于人的各种动作。

1.5 浏览器执行js简介

浏览器分成两部分 渲染引擎和 js引擎。

  • 渲染引擎:用来解析html和css,俗称内核,如谷歌浏览器的blink。
  • js引擎:也称其为解释器,用来读取网页中的js代码并对其进行运行处理,比如谷歌浏览器的v8。

注:浏览器本身不会执行js代码,都是通过js解释器来执行。

1.6 js的组成

JavaScript分为三个部分:ECMAScript、DOM、BOM。

1.ECMAScript是由ECMA国际进行标准化的一门编程语言,这种语言在万维网上广泛应用。
在这里插入图片描述

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

2.DOM-文档对象模型:是W3C组织推荐的处理可扩展标记语言的标准编程接口,通过DOM提供的接口可以对页面上的各种元素进行操作。

3.BOM-浏览器对象模型:它提供了独立于内容的,可以与浏览器窗口进行互动的对象结构,通过BOM可以操作浏览器窗口,如:弹出框、控制浏览器跳转等等......

1.7 JS 基础

js有3中书写方式:行内、内嵌、外部。

<1>. 行内式JS

  • 可以将少量的js代码直接写入到HTML标签的时间属性中(以on开头的属性)如:onclick。
  • JS中推荐使用单引号。
  • 缺点是可读性差,在html中编写大量js代码不方便阅读。
  • 多重引号嵌套时,非常容易混淆。
  • 只在特殊情况下使用。

<2>. 内嵌js

  • 可以将多行js代码写入到<script>标签中
  • 内嵌js是学习时常用的方式。

<3>. 外部js文件

  • 利于HTML页面代码结构化,把js代码独立于html文件之外,既美观又方便文件级别的复用。
  • 引入外部文件的<script>标签中间不可以写代码。
  • 适合要编写大量js代码的情况。
目录
相关文章
|
18天前
|
自然语言处理 JavaScript 前端开发
JavaScript中闭包:概念、用途与潜在问题
【4月更文挑战第22天】JavaScript中的闭包是函数及其相关词法环境的组合,允许访问外部作用域,常用于数据封装、回调函数和装饰器。然而,不恰当使用可能导致内存泄漏和性能下降。为避免问题,需及时解除引用,减少不必要的闭包,以及优化闭包使用。理解并慎用闭包是关键。
|
1月前
|
存储 JavaScript 前端开发
解释 JavaScript 中的作用域和作用域链的概念。
【4月更文挑战第4天】JavaScript作用域定义了变量和函数的可见范围,静态决定于编码时。每个函数作为对象拥有`scope`属性,关联运行期上下文集合。执行上下文在函数执行时创建,定义执行环境,每次调用函数都会生成独特上下文。作用域链是按层级组织的作用域集合,自内向外查找变量。变量查找遵循从当前执行上下文到全局上下文的顺序,若找不到则抛出异常。
21 6
|
2月前
|
JavaScript 前端开发 C语言
javascript基础入门
javascript基础入门
25 1
|
3月前
|
JavaScript 前端开发 网络协议
​Node.js 教程(一) 基本概念与基本使用
​Node.js 教程(一) 基本概念与基本使用
|
3月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
30 0
|
3月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
81 0
|
10天前
|
存储 JavaScript 前端开发
【JavaScript技术专栏】JavaScript基础入门:变量、数据类型与运算符
【4月更文挑战第30天】本文介绍了JavaScript的基础知识,包括变量(var、let、const)、数据类型(Number、String、Boolean、Undefined、Null及Object、Array)和运算符(算术、赋值、比较、逻辑)。通过实例展示了如何声明变量、操作数据类型以及使用运算符执行数学和逻辑运算。了解这些基础知识对初学者至关重要,是进阶学习JavaScript的关键。
|
1天前
|
设计模式 JavaScript 前端开发
在JavaScript中,继承是一个重要的概念
JavaScript继承有优点和缺点。优点包括代码复用、扩展性和层次结构清晰。缺点涉及深继承导致的复杂性、紧耦合、单一继承限制、隐藏父类方法以及可能的性能问题。在使用时需谨慎,并考虑其他设计模式。
6 2
|
6天前
|
JavaScript 前端开发 开发者
JavaScript基础入门之浏览器控制台调试输出
本文章是对小白学习js的初级教程,也是我对自己学习经验的一种总结,文章大多采用使用案例加讲解,带动学习的方式.因为我们的天性总是喜欢有及时反馈的事物,但是学习是一个慢长的事情,而有结果的回应,才会更好的促进自己去学习,主要是对于javascript学习中的输出,有个大体上的了解,同时通过教学能够更好的使用浏览器来方便我们去学习和运行代码,也是对自己进行笔记整理,对抓住信息关键点的一种提高.
|
11天前
|
JavaScript 前端开发
JavaScript的概念
JavaScript的概念