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代码的情况。
目录
相关文章
|
2月前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
510 2
|
23天前
|
Web App开发 JavaScript 前端开发
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念,包括事件驱动、单线程模型和模块系统;探讨其安装配置、核心模块使用、实战应用如搭建 Web 服务器、文件操作及实时通信;分析项目结构与开发流程,讨论其优势与挑战,并通过案例展示 Node.js 在实际项目中的应用,旨在帮助开发者更好地掌握这一强大工具。
43 1
|
23天前
|
缓存 前端开发 JavaScript
JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式
本文深入解析了JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式(Hash路由和History路由)、优点及挑战,并通过实际案例分析,帮助开发者更好地理解和应用这一关键技术,提升用户体验。
57 1
|
1月前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
|
1月前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
33 0
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
|
1月前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
82 10
|
2月前
|
机器学习/深度学习 自然语言处理 JavaScript
信息论、机器学习的核心概念:熵、KL散度、JS散度和Renyi散度的深度解析及应用
在信息论、机器学习和统计学领域中,KL散度(Kullback-Leibler散度)是量化概率分布差异的关键概念。本文深入探讨了KL散度及其相关概念,包括Jensen-Shannon散度和Renyi散度。KL散度用于衡量两个概率分布之间的差异,而Jensen-Shannon散度则提供了一种对称的度量方式。Renyi散度通过可调参数α,提供了更灵活的散度度量。这些概念不仅在理论研究中至关重要,在实际应用中也广泛用于数据压缩、变分自编码器、强化学习等领域。通过分析电子商务中的数据漂移实例,展示了这些散度指标在捕捉数据分布变化方面的独特优势,为企业提供了数据驱动的决策支持。
120 2
信息论、机器学习的核心概念:熵、KL散度、JS散度和Renyi散度的深度解析及应用
|
1月前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
3月前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
2月前
|
设计模式 JavaScript 前端开发
探索JavaScript中的闭包:从基础概念到实际应用
在本文中,我们将深入探讨JavaScript中的一个重要概念——闭包。闭包是一种强大的编程工具,它允许函数记住并访问其所在作用域的变量,即使该函数在其作用域之外被调用。通过详细解析闭包的定义、创建方法以及实际应用场景,本文旨在帮助读者不仅理解闭包的理论概念,还能在实际开发中灵活运用这一技巧。