【javascript】快速入门javascript

news2024/9/22 21:21:55

本文前言及说明

适合学过一门语言有一定基础的人看。

省略最初学习编程时的各种编程重复的基础知识。

javascript简介

编程语言(主前端)

用途:主web前后端,游戏,干别人网站

优点:速度快,浏览器直接识别

编辑器:vscode

第三方安装工具:node

编辑器配置:安装live sever插件帮助实践查看自身代码

代码形式:通常与html共同编写,javascript负责代码逻辑,html负责网页。代码常常跟在html代码的body后面。

javascript前端代码基本结构

首先一个网站中会有html和javascript两种代码,html主要负责页面中显示的结构,javascript主要负责网站中的逻辑结构计算。

代码结构

如下

这个<>是标签。

除了<script>的之外别的事html的代码。html与js代码可以写在一起。

script在body后的好处:

代码从上到下执行,js代码负责逻辑,如果网站很大,浏览器从上执行,加载速度很慢。

结果

右键检查页面看控制台可以看js代码输出的内容

代码分离

因为有时候js代码量很大,全写在一起肯定眼睛会瞎,所以我们可以像模块化一样给他分离开。

我们可以给标签加属性让他指向指定文件。

 看结果

显示正常,还访问了那个文件。

(一般来说。。。每行代码后面应该加个; 但是我一般python用的比较多。。习惯性的不加;但是不要学习我的坏习惯。。)

node运行文件

vscode页面按ctrl+~开启node页面

在终端输入node 文件名就可以运行

注释

  1. 单行注释://

  2. 多行注释:/*注释内容*/

变量常量

var:全局变量

let:可被修改

const不可被修改

 数据类型

字符串,数字(js无浮点),布尔,空,未定义

 字符串格式化

+号法

·${}·法

注意一下第二个用${}是用的`(~)不是引号.

字符串处理属性与方法

length #获取字符串长度

toUpperCase() #把字符串转化为大写

substring(3,7) #截取字符串

split(' ') #根据双引号内的字符对字符串进行分割

运行结果如下

 

 数组

我不太清楚别的语言,python中数组是有列表元组字典之分的,在javascript中没有这些概念,统一的称之为数组。

形式:[1,'hello',true]

数组操作方法:

push() #数组后面添加元素

unshift() #在开头添加元素

pop() #删除最后的元素

Array.isArray() #判断是否为数组

indexOf() #返回指定元素的索引

a.splice(2,1) #删除指定索引的元素(2指定元素的起始索引;1删除的个数)

面向对象

属性的定义

{}定义类,用:定义属性

 

 

方法定义

用function函数就可以创建

 对象数组与json

对象数组

简单理解就是数组套对象

 json数据

json数据是一种数据的传输形式,跟对象数组形式差不多。用于服务器的数据传输。

json与对象数组的不同就是他会给属性名都加双引号给括起来。

比如这里:name:...

json:"name":...

 用JSON的stringify方法可以转化为json类型。

if条件语句

 ===指当a必须为整数10时执行

==指a为数字还是字符10都可以被执行

if条件语句的形式就是上面的形式。

三目运算符

作用:根据不同的情况给变量赋值

?前面是条件,后面是true时的赋值,:后面是假的赋值。

即当a=10时赋值yes,否则赋值no

switch条件语句

作用:与if——else差不多。只不过匹配速度快点,匹配范围小。

结果如下:

解析:当x为yes时还行这一部分,为no时执行另一部分。当都没有匹配到时执行最后一部分。

for循环结构

for里面第一部分可以声明变量,第二部分写条件,第三部分写执行递增等变量的变化。

也可以写到外边。

i++代表了i递增1

while循环

 while与for的写法差不多,这里我是变量赋值和递增都写在外面的形式写的。

定义函数

用function

 逻辑运算符

&&(and)两边都是true
||(or)一边是true就可以
(not)不满足的时候执行

结语

javascript与其他语言重复的内容基本是这些,之后的内容基本上与其他的语言开始有一些差异了。整理出这篇博客希望能够减少看重复知识点浪费的时间。

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

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

相关文章

Python之Web开发初学者教程----卸载ubuntu系统

Python之Web开发初学者教程----卸载ubuntu系统 Windows 10自带了Subsytem for Linux (WSL)功能&#xff0c;可以让用户在Windows命令行环境下运行Linux命令。用户可以在Windows应用商店中下载和安装Ubuntu子系统&#xff0c;有时在使用过程中需要完全删除Ubuntu子系统以释放硬…

Go语言学习-实现一个workshop

Creating new Go packages 1、创建一个Go package&#xff0c;叫&#xff1a; MyLib • Let’s create a Go package called MyLib and use it in our program 2、在go_project文件夹下开启终端&#xff0c;输入指令创建go.mod文件。 go mod init go_project• Assuming our…

【HTML】HTML基础6.1(表格以及常见属性)

目录 表格介绍 表格标签 表格标签的常见属性 案例 知识点总结 表格介绍 在浏览器中&#xff0c;我们经常见到形如 这样的表格形式&#xff0c;一般来说&#xff0c;表格是为了让数据看起来更加清晰&#xff0c;增强数据的可读性 有的程序员也会用表格进行排版 表格标签 &…

(UE4升级UE5)Selected Level Actor节点升级到UE5

本问所用工具为&#xff1a; UE5 UE4 插件AssetDeveTool包含&#xff1a;快速选择功能自动化批量LOD功能自动化批量展UV功能自动化批量减面功能自动化批量修改查找替换材质功能批量重命名工具碰撞器修改工具资源整理工具支持4.26 - 5.3版本https://mbd.pub/o/bread/mbd-ZZubkp…

ControlNet作者新作LayerDiffusion,让SD直接生成生成透明图像,堪比商用抠图软件

ControlNet作者又出新工作&#xff0c;这次的工作LayerDiffusion它使得大规模预训练的Stable Diffusion能够生成透明图像。该方法允许生成单个透明图像或多个透明图层&#xff0c;效果堪比商业产品Adobe Stock。而且LayerDiffusion和ControlNet一样支持基于SD微调的模型。 &quo…

Flutter的线程模型

在Flutter框架中&#xff0c;Embedder层负责把Flutter嵌入到各个平台上去&#xff0c;其所做的主要工作包括线程设置、渲染Surface设置&#xff0c;以及插件等。因此&#xff0c; Embedder负责线程的创建和管理&#xff0c;并且提供Task Runner给Engine使用。Engine则是负责提供…

钉钉h5应用 环境报错Error: Do not support the current environment:notInDingTalk

钉钉h5应用 环境报错 Error: Do not support the current environment&#xff1a;notInDingTalk problem Error: Do not support the current environment&#xff1a;notInDingTalk reason 前端页面运行在普通浏览器 solution 需要将h5页面在后台发布后&#xff0c;在钉…

Java中的日期时间类详解(建议收藏)!!!

Java中的日期时间类详解 1. LocalDate、LocalTime和LocalDateTime2. DateTimeFormatter3. 日期时间计算和比较4. **时区和日历**&#xff1a; 总结 本文详细解释了Java提供了 java.time 包来处理日期和时间的方式。 1. LocalDate、LocalTime和LocalDateTime LocalDate &#…

【HarmonyOS】鸿蒙开发之Stage模型-UIAbility的启动模式——第4.4章

UIAbi lity的启动模式简介 一共有四种:singleton,standard,specified,multion。在项目目录的:src/main/module.json5。默认开启模式为singleton(单例模式)。如下图 singleton&#xff08;单实例模式&#xff09;启动模式 每个UIAbility只存在唯一实例。任务列表中只会存在一…

【EI会议征稿通知】第四届控制与智能机器人国际学术会议(ICCIR 2024)

第四届控制与智能机器人国际学术会议&#xff08;ICCIR 2024&#xff09; 2024 4th International Conference on Control and Intelligent Robotics 第四届控制与智能机器人国际学术会议&#xff08;ICCIR 2024&#xff09;由华南理工大学自动化科学与工程学院主办&#xff…

【Android移动开发】helloworld项目文件剖析

本文讨论了一个Android应用的Gradle项目的各个方面。涵盖了Gradle的启动脚本&#xff0c;项目的配置文件&#xff08;如build.gradle和gradle.properties&#xff09;&#xff0c;以及应用的源代码和资源文件。具体内容包括了项目结构、Gradle插件的配置、AndroidManifest.xml文…

SSM框架,SpringMVC框架的学习(上)

SpringMVC介绍 Spring Web MVC是基于Servlet API构建的原始Web框架&#xff0c;从一开始就包含在Spring Framework中。正式名称“Spring Web MVC”来自其源模块的名称&#xff08; spring-webmvc &#xff09;&#xff0c;但它通常被称为“Spring MVC”。 SpringMVC涉及组件 …

复合式统计图绘制方法(3)

复合式统计图绘制方法&#xff08;3&#xff09; 常用的统计图有条形图、柱形图、折线图、曲线图、饼图、环形图、扇形图。 前几类图比较容易绘制&#xff0c;饼图环形图绘制较难。 在统计图的应用方面&#xff0c;有时候有两个关联的统计学的样本值要用统计图来表达&#xff0…

Python电能质量扰动信号分类(六)基于扰动信号特征提取的超强机器学习识别模型

目录 往期精彩内容&#xff1a; 前言 1 数据集和特征提取 1.1 数据集导入 1.2 扰动信号特征提取 2超强模型XGBoost——原理介绍 2.1 原理介绍 2.2 特征数据集制作 3 模型评估和对比 3.1 随机森林分类模型 3.2 支持向量机SVM分类模型 3.3 XGBoost分类模型 代码、数据…

windows7怎么改ip地址?win7设置ip地址的步骤

随着网络的普及和技术的不断发展&#xff0c;IP地址对于计算机用户来说&#xff0c;已经不再是一个陌生的概念。在Windows 7操作系统中&#xff0c;根据网络环境和个人需求&#xff0c;有时我们需要手动修改IP地址。本文旨在向读者介绍如何在Windows 7系统中修改IP地址&#xf…

Redis常用指令,jedis与持久化

1.redis常用指令 第一个是key的常用指令&#xff0c;第二个是数据库的常用指令 前面的那些指令都是针对某一个数据类型操作的&#xff0c;现在的都是对所有的操作的 1.key常用指令 key应该设计哪些操作 key是一个字符串&#xff0c;通过key获取redis中保存的数据 对于key…

keil 中使用了cks32F103C8T6的芯片如何安装pack

首先是本来想使用stm32的芯片&#xff0c;结果商家给发过来的无法写入&#xff0c;一查是因为商家把cks的芯片给磨皮了&#xff0c;冒充stm来卖 那就花点时间来研究一下这个cks怎么在keil中写入 好不容易找到一个下载包 Keil.CS32F1xx_DFP.pack 【免费】中科芯CKSF103的PACK…

网络安全: Kali Linux 使用 hping3 阻塞目标主机

目录 一、实验 1.环境 2. 物理机测试远程连接 Windows server 3.Kali Linux 使⽤ hping3 ⼯具 二、问题 1. 常见的 DoS ⽅式有哪些 2.hping3 测试⼯具的命令格式和选项参数 一、实验 1.环境 &#xff08;1&#xff09;主机 表1 主机 系统版本IP备注Kali Linux2024.…

Python实现向量自回归移动平均模型(VARMA算法)项目实战

说明&#xff1a;这是一个机器学习实战项目&#xff08;附带数据代码文档视频讲解&#xff09;&#xff0c;如需数据代码文档视频讲解可以直接到文章最后获取。 1.项目背景 向量自回归移动平均模型&#xff08;Vector Autoregressive Moving Average, VARMA&#xff09;是一种…

在 Rust 中实现 TCP : 2.解析原始字节

解析原始字节 现在已经设置了虚拟网络接口并且它接收了数据位&#xff0c;实现 TCP 之旅的下一步是从接收到的数据字节中解析出数据包。默认情况下&#xff0c;除了从虚拟网络接口发送和接收的数据包之外&#xff0c;还会在数据包前面附加 4 个字节的数据。 Tun/TAP documenta…