【Web前端】JavaScript—01

1.Javascript简介

  • 简称JS,是当前最流行、应用最广泛的客户端脚本语言,用来在网页中添加一些动态效果与交互功能。
  • 在web开发领域有着举足轻重的地位。


2.JavaScript包含内容

  • 核心ECMAScript(es):提供语言的语法和基本对象(数据类型、运算符、流程控制等语句)
  • 文档对象模型(DOM):提供处理网页内容的方法和接口
  • 浏览器对象模型(BOM):提供与浏览器进行交互的方法和接口

3.JavaScript语言的特点

3.1 解释型语言

  • 解释型语言不需要手动编译。是通过解释器边编译边执行。
  • 要运行js,就需要有js的解释器(也称作js引擎)。
  • 现在使用的浏览器中,都已经自动集成了js的解释器。
  • node.js也是js引擎,都需要遵循ECMAScript标准准。

3.2 函数式编程

  • 在js编程语言中,函数的地位非常重要,可以像其他类型的值一样赋值给任意变量,也可以作为参数传递给其他函数。
  • 通过函数式编程实现功能强大灵活的代码

3.3 单线程

  • js是一个单线程的编程语言。在同一个时间段,只能做一件事,一件事做完才能继续做另一件事,单线程降低了js代码的复杂度,同时也影响了程序的效率。
  • js提供异步的编程方式,提高代码运行的速度。

3.4 面向对象

  • 可以将一组相关的功能(数据)统一封装到一个对象中,调用对象的属性和方法,完成相关的功能。

3.5 弱类型变量

  • js是一种弱类型的编程语言,对使用的数据类型没有严格的要求,会根据给定的值,判定数据类型

3.6 动态性

  • js是一种事件驱动的脚本语言,可以不需要借助web服务器就能实现对用户的输入或操作做出响应。

3.7 跨平台

  • js不依赖操作系统,依赖浏览器运行。

4.JS语法

4.1 js可以写的位置

  • 写在<script></script>中间
  • 写在元素控件触发事件属性中
  • 写成一个扩展名为.js的文件,在网页中,使用< script src="文件地址"></ script>引入

4.2 数据类型

  • undfined:只有一个值,即特殊值undifined,在声明变量后,未对其进行初始化时,这个变量值就是undifined
  • null:只有一个值,即特殊值null,null是一个空的对象指针。
  • boolean:两种值,true和false,区分大小写
  • number:有两种形式,一种是整数,一种是浮点数。如果是两个整数做除法,没有整除这一说法
  • string:字符串类型和字符类型,由16位unicode组成,不区分单引号和双引号,支持会用``特殊符号
  • 定义字符串,可以实现换行写法
  • bigint:从es11开始才引入的数据类型,比number数据类型支持的范围更大的整数值。解决了
  • number整数溢出的问题。定义时在数字后面加n,或使用BigInt(数字)的方式进行定义,只能转换整数,不能转换浮点数
  • symbol类型:从es6引入的符号类型,是唯一的并且不可修改的。
  • object类型:对象类型,是一组数据和功能(函数)的集合。
  • Array类型: 数组
  • function 函数类型 : 对于 es 来讲,函数是对象,和其他引用类型一样具有属性和方法。因此,函数名实际是一个指向函数对象的指针

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/8605.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Android Studio 之颜色

在Android中&#xff0c;颜色值由透明度alpha和RGB&#xff08;红、绿、蓝&#xff09;三原色定义&#xff0c;有八位十六进制数与六位十六进制数两种编码&#xff0c;例如八位编码FFEEDDCC&#xff0c;FF表示透明度&#xff0c;EE表示红色的浓度&#xff0c;DD表示绿色的浓度&…

Java特性之设计模式【代理模式】

一、代理模式 概述 在代理模式&#xff08;Proxy Pattern&#xff09;中&#xff0c;一个类代表另一个类的功能。这种类型的设计模式属于结构型模式 在代理模式中&#xff0c;我们创建具有现有对象的对象&#xff0c;以便向外界提供功能接口 主要解决&#xff1a; 在直接访问…

设计模式——外观模式(Facade)

外观模式&#xff08;Facade Pattern&#xff09; 是一种结构型设计模式&#xff0c;它为一个子系统中的一组接口提供一个统一的高层接口&#xff0c;使得子系统更加容易使用。这种类型的设计模式属于结构型模式&#xff0c;它向客户端提供了一个接口&#xff0c;隐藏了子系统的…

项目管理-项目资源管理2/2

项目管理&#xff1a;每天进步一点点~ 活到老&#xff0c;学到老 ヾ(◍∇◍)&#xff89;&#xff9e; 何时学习都不晚&#xff0c;加油 资源管理&#xff1a;6个过程“硅谷火箭管控” ①规划资源管理&#xff1a; 写计划 ②估算活动资源&#xff1a;估算团队资源&…

【代码随想录37期】Day01 二分查找 + 移除元素

二分查找 力扣704 贴一下之前的笔记&#xff1a; 没想到一下子写不出来&#xff0c;忘记什么是二分法了&#xff0c;这里回顾一下&#xff1a; 「二分查找 binary search」是一种基于分治策略的高效搜索算法。 它利用数据的有序性&#xff0c;每轮减少一半搜索范围&#xff…

Kafak 消费异常:The coordinator is not available.

Kafak 消费异常:The coordinator is not available. 1. 问题描述2. 问题排查2.1 Topic 状态异常2.2 `__consumer_offsets` 简介1. 问题描述 在新环境部署 Kafak 时,发现可以正常产生消息,但是无法正常消费消息,消费消息的异常日志如下: 11:59:53.315 [main] DEBUG org.a…

PPP点对点协议

概述 Point-to-Point Protocol&#xff0c;点到点协议&#xff0c;工作于数据链路层&#xff0c;在链路层上传输网络层协议前验证链路的对端&#xff0c;主要用于在全双工的同异步链路上进行点到点的数据传输。 PPP主要是用来通过拨号或专线方式在两个网络节点之间建立连接、…

docker-本地私有仓库、harbor私有仓库部署与管理

一、本地私有仓库&#xff1a; 1、本地私有仓库简介&#xff1a; docker本地仓库&#xff0c;存放镜像&#xff0c;本地的机器上传和下载&#xff0c;pull/push。 使用私有仓库有许多优点&#xff1a; 节省网络带宽&#xff0c;针对于每个镜像不用每个人都去中央仓库上面去下…

SQL查询语句(三)范围查找关键字

在上一篇文章中&#xff0c;我们介绍了SQL语句中&#xff0c;逻辑关键字的作用&#xff0c;并举例演示了如何用逻辑关键字来组合WHERE子句。在文章的末尾我们提到了两个用于范围查找的关键字IN和BETWEEN。这两个关键字都可以与NOT关键字灵活组合&#xff0c;起到对字句结果取反…

深度学习中模块化设计的理念优势

模块化设计在深度学习领域中是一个重要的概念&#xff0c;比如在构建和改进类似于编码器-解码器这样的复杂模型时&#xff0c;transformer就是编码器-解码器架构的一个实例。模块化设计可以帮助我们快速集成最新的研究成果&#xff0c;支持模型的快速迭代&#xff0c;这些都与深…

Jmeter用jdbc实现对数据库的操作

我们在用Jmeter进行数据库的操作时需要用到配置组件“JDBC Connection Configuration”&#xff0c;通过配置相应的驱动能够让我们通过Jmeter实现对数据库的增删改查&#xff0c;这里我用的mysql数据库一起来看下是怎么实现的吧。 1.驱动包安装 在安装驱动之前我们要先查看当前…

【刷题篇】双指针(二)

文章目录 1、有效三角形的个数2、查找总价格为目标值的两个商品3、三数之和4、四数之和 1、有效三角形的个数 给定一个包含非负整数的数组 nums &#xff0c;返回其中可以组成三角形三条边的三元组个数。 class Solution { public:int triangleNumber(vector<int>& n…

MQTT服务搭建及python使用示例

1、MQTT协议 1.1、MQTT介绍 MQTT&#xff08;Message Queuing Telemetry Transport&#xff09;是一种轻量级的、基于发布/订阅模式的通信协议&#xff0c;通常用于物联网设备之间的通讯。它具有低带宽、低功耗和开放性等特点&#xff0c;适合在网络带宽有限或者网络连接不稳定…

联发科天玑AI开发套件亮相:开发智能终端生成式AI应用的全面工具

在今日召开的天玑开发者大会2024&#xff08;MDDC 2024&#xff09;上&#xff0c;联发科向外界展示了其最新力作——天玑AI开发套件。该套件是为合作伙伴提供终端生成式AI应用开发的一站式工具包&#xff0c;意在简化并加速开发过程。 联发科推出的天玑AI开发套件包括四大核心…

去除图片水印软件-inpaint

一、普通使用教程 亲眼看看使用 Inpaint 从照片中删除不需要的元素是多么容易&#xff1a; 1.1加载图片 1.2 选择要纠正的问题区域 1.3 告别不需要的对象并保存 二、功能 1 修复旧照片 老并不总是意味着坏。我们拥有的一些旧照片对我们来说仍然很重要&#xff0c;因为它们仍…

leetcode 2266.统计打字方案数

思路&#xff1a;dp。 这道题其实也是爬楼梯的变形。 不过&#xff0c;这里需要分类讨论一下&#xff1a;就是选择7或者9的时候是4种递推情况&#xff0c;其他的都是3种。 而且&#xff0c;我们可以利用dp数组过程记录的特点运用在本题当中。 这里需要解决几个问题&#xf…

minio上传文件失败如何解决

1. 做了什么操作 通过接口上传excel文件&#xff0c;返回响应值 2. 错误如图 2. 如何解决 根据错误描述定位到了部署minio的地方minio通过docker部署&#xff0c;找到docker - compose发现配置文件中minio有两个端口&#xff0c;一个是用于api的&#xff0c;一个是用于管理界面…

Dell EMC Storage Unity: Remove/Install Memory Module

SP A 一个内存故障 点击system view -> Enclosures->Top查看 再次查看Alert&#xff0c; 确认内存出现问题 进入Service &#xff0c; 将SP A置为service状态 移出SP A &#xff0c;进行内存更换 更换完内存后&#xff0c;将SP A插入设备&#xff0c;并进行线缆连接 进入…

6层板学习笔记2

说明:笔记基于6层全志H3消费电子0.65MM间距BGA 67、多层板的电源建议直接大面积铺铜,不建议走线,铺铜充分满足其载流能力 68、凡亿推荐表层1OZ的铜厚线宽20MIL能承载1A的电流,内层0.5OZ的铜厚线宽为40MIL能承载1A的电流,过孔直径20MIL(0.5MM)能承载1A左右的电流,实际设…

Django项目中的Nginx+uWSGI

Django项目中的NginxuWSGI部署 配合另一篇博客共同饮用Django项目服务器部署&#xff08;2024最新&#xff09; 一&#xff1a;Nginx uWSGI部署框架 用户浏览器向nginx发送请求&#xff0c;nginx判断请求是动态海事静态&#xff0c;如果是静态请求&#xff0c;则直接返回静态…