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代码的情况。
目录
相关文章
|
6天前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
4月前
|
设计模式 JavaScript 前端开发
在JavaScript中,继承是一个重要的概念,它允许我们基于现有的类(或构造函数)创建新的类
【6月更文挑战第15天】JavaScript继承促进代码复用与扩展,创建类层次结构,但过深的继承链导致复杂性增加,紧密耦合增加维护成本,单继承限制灵活性,方法覆盖可能隐藏父类功能,且可能影响性能。设计时需谨慎权衡并考虑使用组合等替代方案。
45 7
|
22天前
|
自然语言处理 JavaScript 前端开发
探索JavaScript中的闭包:从基础概念到实际应用
本文深入探讨了JavaScript中闭包的概念,从定义、作用域链和实际应用等方面进行了详细阐述。通过生动的比喻和实例代码,帮助读者理解闭包在函数执行上下文中的重要性,以及如何在实际开发中有效利用闭包解决复杂问题。同时,文章也指出了过度使用闭包可能导致的潜在问题,并给出了相应的优化建议。
|
2月前
|
JavaScript API 图形学
一个案例带你从零入门Three.js,深度好文!
【8月更文挑战第1天】本教程无需任何Threejs知识!本教程以入门为主,带你快速了解Three.js开发
70 2
一个案例带你从零入门Three.js,深度好文!
|
2月前
|
JavaScript 前端开发
js bom的概念
js bom的概念
29 1
|
2月前
|
JavaScript 前端开发
JavaScript BOM 的概念(浏览器对象模型)
JavaScript BOM 的概念(浏览器对象模型)
32 1
|
2月前
|
JavaScript 前端开发
JavaScript 事件的概念
JavaScript 事件的概念
52 1
|
2月前
|
JavaScript 前端开发 NoSQL
使用Node.js进行后端开发入门
【8月更文挑战第10天】恭喜你完成了Node.js后端开发的入门之旅!这只是个开始,Node.js的世界远比这广阔。随着你对Node.js的深入学习和实践,你将能够构建更复杂、更强大的后端应用。不断探索、学习和实践,你将在Node.js的道路上越走越远。
|
2月前
|
JavaScript 前端开发 Java
JavaScript中的闭包概念讲解
闭包是指函数内部嵌套另一个函数,并且内部函数引用了外部函数的数据(如变量或函数)。这样的内部函数被称为闭包。以示例代码为例,`fn1` 中有两个闭包函数 `fn2` 和 `fn3`,它们都可以访问并修改 `fn1` 中的变量 `a`。
16 1
|
2月前
|
Web App开发 JavaScript 前端开发
Node.js 入门
【8月更文挑战第4天】Node.js 入门
57 1
下一篇
无影云桌面