【javascript】快速入门javascript

本文前言及说明

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

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

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.rhkb.cn/news/268496.html

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

相关文章

用BIO实现tomcat

一、前言 本课程的难度较高&#xff0c;需要将Servlet原理和IO课程全部学完。 二、当前项目使用方式 (1).自定义servlet 自定义servlet需要实现WebServlet并且实现name和urlMapping 重启进行访问 http://localhost:8090/myServlet (2).自定义html 重启进行访问 http://loc…

【C++ 编程指南】

C 编程指南 ■ C环境安装■ C 基本语法■ 预定义宏■ # 和 ## 运算符■ C 引用■ C 命名空间■ 定义命名空间■ using 指令■ 嵌套的命名空间 ■ String类■ 类■ 类的static静态成员 ■ C 继承■ 继承类型 public、protected 或 private■ 访问控制和继承■ 多继承■ 数据抽象…

最新版阿里云Linux CentOS7 ecs-user用户安装Mysql8详细教程(超简单)

经过两天的踩坑后&#xff0c;终于成功安装&#xff0c;并找到了最快捷的安装方式。接下来就由我来给大家介绍不踩坑安装大法&#xff01; 一、下载Mysql 首先前往Mysql官网下载 MySQL官方下载地址 第一步&#xff0c;选择安装包&#xff0c;这是最关键的一步&#xff0c;选错安…

css样式元素的相对定位,绝对定位,固定定位等元素定位运用技巧详解

文章目录 1.相对定位 relative2.绝对定位 absolute3.固定定位4.display 转换元素5.float浮动6.float产生内容塌陷问题7.overflow CSS样式学习宝典&#xff0c;关注点赞加收藏&#xff0c;防止迷路哦 在CSS中关于定位的内容是&#xff1a;position:relative | absolute | static…

uniapp聊天记录本地存储(详细易懂)

目录 目录 1、通过websocket拿取数据 2、获取聊天数据 3、聊天信息存储 、更新 4、读取聊天记录 5、发送信息&#xff0c;信息获取 6、最终效果 1.聊天信息的存储格式 2、样式效果 写聊天项目&#xff0c;使用到了本地存储。需要把聊天信息保存在本地&#xff0c;实时获…

第105讲:Mycat垂直分表实战:从规划到解决问题的完整指南

文章目录 1.垂直分表的背景2.垂直分表案例实战2.1.垂直分表规划2.2.配置Mycat实现垂直分表2.3.重启Mycat2.4.在Mycat命令行中导入数据结构2.5.查看由Mycat分表后每个分片上存储的表2.6.Mycat垂直分表后可能遇到的问题2.7.垂直分表完成 1.垂直分表的背景 我们的商城系统数据库&…

软件测试项目实战,某购物车/测试点分析实战(详细步骤)

目录&#xff1a;导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09; 前言 第一步&#xff1…

winform 输出运行设备的mac地址

winform定制一个代码段 输出运行设备的mac码此方法获取的是运行设备上的物理网卡的MAC地址&#xff0c;并不包括虚拟网卡或无线网卡的MAC地址。当设备具有多个网卡时&#xff0c;它只返回第一个正常运行的网卡的MAC地址。如果未找到任何网卡&#xff0c;则返回"未找到MAC地…

贪心(基础算法)--- 区间选点

905. 区间选点 思路 &#xff08;贪心&#xff09;O(nlogn) 根据右端点排序 将区间按右端点排序 遍历区间&#xff0c;如果当前区间左端点不包含在前一个区间中&#xff0c;则选取新区间&#xff0c;所选点个数加1&#xff0c;更新当前区间右端点。如果包含&#xff0c;则跳…

雅特力AT32L021首款低功耗MCU震撼登场

雅特力于2月28日正式发布AT32L021首款入门级低功耗MCU&#xff0c;搭配不同容量Flash、SRAM&#xff0c;提供7种封装类型共21个型号选择&#xff0c;最小封装面积仅3x3mm。为降低能耗&#xff0c;延长设备运作时间&#xff0c;AT32L021系列支持多种能耗模式和休眠模式&#xff…

韦东山嵌入式Liunx入门驱动开发五

文章目录 一、驱动程序基石1-1 休眠与唤醒1-2 POLL机制1-3 异步通知(1) 异步通知程序解析(2) 异步通知机制内核代码详解 1-4 阻塞与非阻塞1-5 定时器(1) 内核函数(2) 定时器时间单位 1-6 中断下半部 tasklet 本人学习完韦老师的视频&#xff0c;因此来复习巩固&#xff0c;写以…

【活动】前端世界的“祖传代码”探秘:从古老魔法到现代重构

作为一名前端工程师&#xff0c;我时常在项目中邂逅那些被岁月打磨过的“祖传代码”。它们就像古老的魔法书页&#xff0c;用HTML标签堆砌起的城堡、CSS样式表中的炼金术&#xff0c;以及JavaScript早期版本中舞动的符咒。这些代码承载着先驱们的探索精神和独特智慧&#xff0c…

#FPGA(基础知识)

1.IDE:Quartus II 2.设备&#xff1a;Cyclone II EP2C8Q208C8N 3.实验&#xff1a;正点原子-verilog基础知识 4.时序图&#xff1a; 5.步骤 6.代码&#xff1a;

专业145+总分410+西工大西北工业大学827信号与系统考研经验电子信息与通信工程,海航,真题,大纲,参考书。

经过一年的努力&#xff0c;分数终于出来。今年专业课827信号与系统145&#xff08;很遗憾差了一点点满分&#xff0c;没有达到Jenny老师的最高要求&#xff09;&#xff0c;数一130&#xff0c;英语和政治也都比较平衡&#xff0c;总分410分&#xff0c;当然和信息通信考研Jen…

【Git】深入理解 Git 分支合并操作:git merge dev 命令详解

深入理解 Git 合并操作&#xff1a;git merge dev 命令详解 摘要&#xff1a;本文将深入探讨 Git 中的合并操作&#xff0c;以及如何使用 git merge dev 命令将dev 分支的修改合并到当前分支&#xff08;假设当前分支为main 分支&#xff09;中。通过详细的解释和示意图&#x…

linux安全--DNS欺骗,钓鱼网站搭建

目录 一&#xff0c;实验准备 首先让client能上网 1&#xff09;实现全网互通&#xff0c;实现全网互通过程请看 2&#xff09;SNAT源地址转换 3&#xff09;部署DHCP服务 4)配置DHCP服务 5&#xff09;启动服务 6&#xff09;安装DNS服务 7&#xff09;DNS配置 8)启动DNS…

HOOPS Communicator对3D大模型轻量化加载与渲染的4种解决方案

今天给大家介绍一些关于3D Web轻量化引擎HOOPS Commuicator的关键概念&#xff0c;这些概念可以帮您在HOOPS Communicator流缓存服务器之上更好地构建您自己的模型流服务器。如果您是有大型数据集&#xff0c;那么&#xff0c;使用流缓存服务器可以极大地帮助您最大限度地减少内…

Unity 预制体与变体

预制体作用&#xff1a; 更改预制体&#xff0c;则更改全部的以预制体复制出的模型。 生成预制体&#xff1a; 当你建立好了一个模型&#xff0c;从层级拖动到项目中即可生成预制体。 预制体复制模型&#xff1a; 将项目中的预制体拖动到层级中即可复制。或者选择物体复制粘贴。…

Java基础 - 6 - 面向对象(二)

Java基础 - 6 - 面向对象&#xff08;一&#xff09;-CSDN博客 二. 面向对象高级 2.1 static static叫做静态&#xff0c;可以修饰成员变量、成员方法 2.1.1 static修饰成员变量 成员变量按照有无static修饰&#xff0c;分为两种&#xff1a;类变量、实例变量&#xff08;对象…

VL53L8CX驱动开发(1)----驱动TOF进行区域检测

VL53L8CX驱动开发----1.驱动TOF进行区域检测 概述视频教学样品申请源码下载主要特点硬件准备技术规格系统框图应用示意图区域映射生成STM32CUBEMX选择MCU 串口配置IIC配置LPn 设置X-CUBE-TOF1串口重定向代码配置Tera Term配置演示结果 概述 VL53L8CX是一款8x8多区域ToF测距传感…