JavaScript 无轨列车指南

最新推荐文章于 2024-05-03 21:05:41 发布
最新推荐文章于 2024-05-03 21:05:41 发布
阅读量307 收藏
点赞数 5
分类专栏： Chino的前端学习指南 文章标签： javascript 前端 开发语言 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59010933/article/details/125654086
版权

JavaScript 无轨列车指南

JavaScript 无轨列车指南

可爱的chino又出现了~ 这期是JS基础~
在这里插入图片描述
来了来了！
在这里插入图片描述

JavaScript 真假美猴王 ：Java分身？

Java和JS到底谁跟谁啊？长这么像？连代码都这么像！有的人说，JS可以随便写？真的是真的吗？让我们来一窥究竟吧！
在这里插入图片描述

先拿点家伙放进 JavaScript …

又是劳累的一天，感觉没干什么，真的没干什么~

在这里插入图片描述

1. 内嵌在任何地方 ~

JavaScript的代码可以内嵌在<head><body><div>等任何地方~

	<script type="text/javascript">
		
		javaScript语句;
		
	</script>
2. 引入外部 js文件 ~

src一定要写清楚是在js文件夹里的yaya.js文件~

<script src="js/yaya.js" type="text/javascript">
</script>
3. 内嵌 html 语句 ~

这个示例中是当点击button的时候弹出提示框！

<input type="text" name="button" type="button" value="ChinoLY" onclick="javascript:alert('Chino爱你~');" />

在这里插入图片描述

JavaScript 引擎启动了！

在这里插入图片描述

写入文本 / 用html语法写入文本~

document.write("Chino开始学习JavaScript");
document.write("<h1>Hello,Chino!</h1>");

使用 <a> 标签 用 alert() 加载两个信息~ a标签会先去处理事件，再去进行一个跳转的操作~

<a onclick="javascript:alert('Chino欢迎你~')" href="javascript:alert('非常爱你~')">点击我哟！</a>

注释很简单，和java里的一样哦~

单行注释： 
//XXXXXXXX
多行注释：
/*
XXXXXXXX
*/

用 onload（）显示函数内容~

<body onload = "函数名()";>
</body>
声明变量方法 ~

在js文件中统一声明变量~
在这里插入图片描述
在html写需要输出的内容~
在这里插入图片描述
去chrome里测试和调试结果~
在这里插入图片描述

JS 里的数据类型 ~

undefined 变量如果没有初始值，将被赋予值undefined
null空值，与undefined同等
number var data1 = 50; //整数 var data2 = 55.2; //浮点数
boolean true 和 false
string 单引号/双引号，都可~ var string1 = “joya yaya muwa~”;

JS 语法三约定 ~
  1. 代码区分大小写
  2. 变量、对象和函数的名称
  3. 分号
typeof运算符 ~
typeof语法：

typeof(变量名)

typeof中的返回值

typeof用于检测变量的返回值~
undefined, string,boolean,number,object(对象，数组和null)

测试：查看返回值~
声明不同数据类型的变量~
在这里插入图片描述
用typeof（）查看返回值~
在这里插入图片描述
返回值输出成功！(*^▽^*)~
在这里插入图片描述
查看字符串字节数~

语法：
字符串对象.length

这个字符串有16个char~
在这里插入图片描述

JS 的 属性和方法 ~

主要格式：字符串对象.方法名（）

charAt(index) 返回在指定位置的字符
indexOf（str, index） 查找某个指定的字符串在字符串中首次出现的位置
substring(index1, index2) 返回位于指定索引index1和index2之间的字符串，并且包括索引index1对应的字符，不包括索引index2对应的字符
split（str） 将字符串分割为字符串数组

用空格分割你。
在这里插入图片描述

JS 中的运算符~

一图在手，走遍天下都不怕~
在这里插入图片描述

给我看看你有几个“数组”对象？

看看吧！这个才是备胎的原型！
在这里插入图片描述

核心语法：

var array = new Array(5);

用数组来声明不同的水果~！
在这里插入图片描述
属性：
length 设置或返回数组中元素的数目

方法：
join() 把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔
sort() 对数组排序
push() 向数组末尾添加一个或更多元素，并返回新的长度

使用数组的方法来生成数组信息~
在这里插入图片描述

JS 中的判断 & 循环~

在这里插入图片描述

if 语句 ~

通过if判断弹窗提示~
在这里插入图片描述
在这里插入图片描述

switch 语句 ~

用switch选择一对一判断进行弹窗~
在这里插入图片描述
在这里插入图片描述

for + while 语句 ~

用for循环10个吼吼吼~
在这里插入图片描述
使用for循环指定长度的数组~
在这里插入图片描述
使用while循环5个水果数组~
在这里插入图片描述

break + continue 用法 ~

break用法：当序列等于3的时候就跳出循环~
在这里插入图片描述
在这里插入图片描述
continue用法：当序列等于3的时候，跳过它输出了~
在这里插入图片描述
在这里插入图片描述

for-in 语句 ~

这个，灰常灰常的好用~ 是Java里面没有的方法~
在这里插入图片描述

prompt 真的很好玩 ~

以弹出窗口的方式，填写信息~并用alert输出信息~
在这里插入图片描述
提示输入信息~
在这里插入图片描述
显示默认信息~
在这里插入图片描述
让用户输入信息~
在这里插入图片描述
开始显示刚才输入的信息~
在这里插入图片描述
显示刚才的默认值~
在这里插入图片描述
显示用户输入的信息~
在这里插入图片描述

快来修理！JS 程序调试步骤

在这里插入图片描述

用Chrome浏览器进行JS的程序调试~ 在控制台能够显示出具体哪里出的问题~ 等于说Java里面的console~
在这里插入图片描述
点击小花 （工具按钮）设置程序调试的显示窗口~
在这里插入图片描述
在控制台中，我们可以声明变量进行测试，观察值的变化~
在这里插入图片描述
网络 Network 里面的信息，可以看到每一步激活了哪些文件~ 以及显示请求的一些信息~
在这里插入图片描述
通过设置断点，可以看到每一步的输出情况~右上角有四个重要的按钮，显示的是调试的具体步骤~
在这里插入图片描述
通过监视 Watch 功能，可以查找某个具体的值到了那一步的具体的值~ 需要右键添加到监视框内~
在这里插入图片描述
调试小神器~

console.log(变量信息);
在真实开发中alert会被排除掉~
alert(变量信息);

JS 中的系统函数

parseInt("字符串") 将字符串转换为整型数字
parseFloat("字符串") 将字符串转换为浮点型数字
isNaN() 用于检查其参数是否是非数字

简易使用系统函数~
在这里插入图片描述

在这里插入图片描述

打个飞机过来！函数大军

在这里插入图片描述

调用函数 - 基本语法：

一般和表单元素一起使用！
事件名 = "函数名()";

定义函数 - 基本语法：

function 函数名(参数1，参数2，参数3...){
		JS语句
 	【return 返回值】
}

使用自定义的无参函数~

函数名();
自定义无参函数 ~

html里面制作一个按钮，通过按钮来触发自定义函数的事件~
在这里插入图片描述
触发按钮：快到我怀里来~
在这里插入图片描述
触发后跳转并输出~
在这里插入图片描述

自定义有参函数 ~

定义有参函数，通过用户输入次数来控制屏幕的输出~
在这里插入图片描述
我输入一个 8 次~
在这里插入图片描述
呵呵 😄
在这里插入图片描述

是“事件”哟！

在这里插入图片描述

在这里插入图片描述

这期的尾声~

没什么可说的了，封了两个多月，明天终于可以出窝了！课堂上见啵~🤭
在这里插入图片描述

Lovea chino
关注
  • 5
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
矿井无轨列车组液压同步控制系统研究
05-27
设计了矿井无轨列车组液压同步控制系统,并针对单车4个升降液压缸因偏载造成的不同步问题,采用基于电液伺服阀的闭环液压同步控制,验证了耦合同步控制对液压同步系统的有效性。同时使用遗传算法对PID控制进行参数寻优,...
无轨送餐机器人_送餐机器人原理
weixin_42518334的博客
12-23 2832
随着科技发展水平的提高，服务机器人有了更快的发展，并开始广泛应用餐饮、酒店、商场等商业领域。服务机器人在机器人市场的需求日益高涨，成为未来机器人发展的一个重要方向，也是我国开展机器人技术研究的重要突破口。送餐机器人属于服务机器人中的一个细分领域，技术集成的特性需要多方面的共同发展。服务机器人是多种技术的融合和体现,下面由柳州市力万科技有限公司带大家一起来了解送餐机器人的六大核心技术：一、自主移动技...
无轨送餐机器人_无轨送餐机器人是使用较为普遍的机器人系列
weixin_36337122的博客
01-13 406
无轨送餐机器人已经悄无声息的进入到百姓生活中，而且它已经成为机器人行业中zui接地气的服务机器人产品。前一段时间，送餐机器人几乎每天都能登上新闻头条，报道“某某地区，哪家餐厅用到机器人了”，可见机器人的魅力还是非常巨大的。可是没有见过送餐机器人的老百姓们，只知道机器人是个新鲜事物，却不知道餐厅为什么要用机器人，也不知道机器人是如何送餐的，更不知道送餐机器人是否能和人一样送餐。为什么餐厅需要无轨送餐...
无轨送餐机器人_一种无轨运行的送餐机器人的制作方法
weixin_35985796的博客
02-05 2125
本实用新型涉及一种机器人，具体是一种无轨运行的送餐机器人。背景技术：技术实现要素：本实用新型的目的在于提供一种无轨运行的送餐机器人，以解决上述背景技术中提出的问题。为实现上述目的，本实用新型提供如下技术方案：一种无轨运行的送餐机器人，包括无轨运行的送餐机器人本体；所述无轨运行的送餐机器人本体是由托盘、显示屏、语音模块、红外线测距模块、超声波测距模块、RFID传感器及定位位置模块、光流处理模块、运动...
无轨式电动平车，你了解多少
weixin_34216107的博客
08-04 278
无轨式电动平车就是常说的无轨电动平车，该平板车主要由蓄电池供电，控制模块控制，用操作手柄和遥控控制为输入，有台面负载货物，由转向轮导引方向并和固定轮共同承载重量，有电机提供原始动力，以减速机提供给固定轮动力！该电动平车外形美观，使用方便。可实现360度的转向。 此外，无轨式电动平车装有遇人停止，极限限位，声光报警，防撞缓冲，急停按钮等装置，使用时不过度放电，以防电池损失，并注意维护和更换。平车操作...
激光无轨导航AGV，未来智能工厂的必需品
nickchao的IT生涯
03-02 2304
这篇文章结合一家激光无轨导航AGV公司，开启了进入AGV领域的学习与总结。随着国家政策大力支持，智能制造、工业4.0、人工智能等等成为了风口，热门话题。智能制造中重要的一环，物流搬运、分拣和智能仓储都缺失不了AGV的参与。AGV（自动搬运小车）涵盖了人工智能、机械设计、嵌入式软硬件和控制等知识学科，值得大家长期深入学习了解。AGV行业从2015年慢慢出现在大家的视野里，近几年发展迅速，国内AGV厂...
2022-2027年中国无轨电车市场规模现状及投资规划建议报告
研究报告、商业计划书、可研报告、定制报告项目
03-08 238
【报告格式】电子版、纸介版 【出品单位】华经产业研究院 本报告由华经产业研究院出品，对中国无轨电车行业的发展现状、竞争格局及市场供需形势进行了具体分析，并从行业的政策环境、经济环境、社会环境及技术环境等方面分析行业面临的机遇及挑战。还重点分析了重点企业的经营现状及发展格局，并对未来几年行业的发展趋向进行了专业的预判。为企业、科研、投资机构等单位了解行业最新发展动态及竞争格局，把握行业未来发展方向提供专业的指导和建议。 无轨电车（Trolleybus）是一种通常由架空接触网供电、电动机驱动，不依赖固定轨
emoji表情包整理好的
weixin_46057599的博客
04-08 6330
整理好的表情包 json 格式
矿用巷道巡检机器人_煤矿运输巷道无轨巡检机器人的应用
weixin_35458714的博客
12-31 950
巡检机器人通过视觉识别技术，对巷道环境以及前进路线上出现的人员进行识别，从而实现自主行走和避障，控制流程如图1所示。图1 巡检机器人路面识别和人员识别控制流程巡检机器人安装有四个路面识别的摄像头，左右摄像头采集图像，分析道路边缘信息，根据边缘信息分析机器人的转向控制和速度控制输出；前后摄像头采集图像，分析人员识别，标牌识别，识别结果控制运动状态，如机器人是否需要掉头，是否需要停止巡检，是否需要暂停...
本安型CAN中继器在无轨胶轮车中的应用
weixin_46489639的博客
10-16 151
本安型CAN中继器在无轨胶轮车中的应用 随着科学技术的不断发展和社会的不断进步,煤炭资源之于人类显得更加的重要,近年来,煤矿企业进一步发展,为我国的经济带来巨大的好处。在煤矿的运输过程中,无轨式脚轮车的应用是非常广泛的,它具有灵活、快速、激动、安全等特点,极大的提高了煤炭的运输效率。目前,在无轨胶轮车的应用方面已经非常成熟,下面我们来了解下矿用本质安全性通讯接口是怎么通过煤安认证的。 无轨胶轮车过本安CAN通讯接口需加中继隔离，可通过煤矿本质安安全测试，符合煤矿本安要求。如下图； 中继器性能要求如下； 
我国煤矿无轨运输设备的发展
06-30
根据当前煤矿辅助运输系统存在的问题及发展情况,展望了我国煤矿无轨运输设备的发展前景,详细分析无轨胶轮车的特点、使用环境、种类及优缺点,提出无轨胶轮车向自动化、人性化方向发展的趋势,同时注重节能环保,以适应...
矿用液压自移设备列车的选型与应用
06-15
矿用液压自移设备列车是根据综采工作面顺槽巷道无轨道运行专门设计的自移式设备列车。本文主要对矿用液压自移设备列车和传统设备列车进行了相关比较,同时对综采工艺下的优缺点进行了详细分析,并对矿用液压自移设备...
滑靴式无轨自移设备列车的研发与应用
05-17
为协调生产运输系统,西山煤电集团机电厂研制开发了适应性、机动性和实用性强,成本低的HXLC-00型滑靴式无轨自移设备列车,用于综采工作面重型设备及辅助材料的运输。本文分析了其设计研究内容及设计准则、工作原理和...
无轨
02-23
无轨 跟踪员工的工作。 这是什么项目 这是一个将Trackless-Server和Trackless-React合并到一个包中的项目 如何运行开发服务器 首先，运行开发服务器： npm run dev 使用浏览器打开以查看结果。 如何建立服务器 ...
基于Springboot的家具网站
趙兴晨的博客
05-03 576
本文介绍了一款基于现代Web技术构建的家具网站，旨在通过互联网技术优化家具产品的展示与销售，提高用户的购物体验，同时为家具制造商和零售商提供一个高效的在线销售平台。本研究的主要目的是设计并实现一个高效、易用的家具网站，通过系统化的产品展示流程和智能化的购物功能，提升家具产品的在线销售效率和管理水平。本研究通过设计和实现家具网站，有效地解决了传统家具销售中的展示局限性和购物效率低下的问题，提高了家具产品的在线销售效率和用户的购物体验，并为相关领域的研究和实践提供了有益的参考。
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。
XING的博客
05-03 1262
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。数据库作为系统数据储存平台，实现了基于B/S结构的Web系统。界面简洁，操作简单。采用M（model）V（view）C（controller）三层体系结构，通过。
vue快速入门（五十）重定向
不起眼小菜菜的博客
05-03 485
注释很详细，直接上代码……
50个前端实战项目之04：隐藏的搜索小组件
最新发布
前端开发博客
05-03 1129
大家好，我是宝哥。今天讲50个前端实战项目之04：隐藏的搜索小组件。源码下载地址https://github.com/bradtraversy/50projects50days/tree/master/hidden-search前端实战项目系列正在更新：04/5001：可展开卡片02：进度条03：旋转导航动画04：隐藏的搜索小组件项目介绍本项目演示了一个简洁实用的隐藏式搜索小部件。点击搜索按钮后，...
无轨搬运车控制系统设计
05-24
无轨搬运车控制系统是一个关键的组成部分，需要设计和实现，以确保无轨搬运车的安全运行和高效性能。以下是无轨搬运车控制系统设计的主要步骤： 1. 系统需求分析：首先需要明确无轨搬运车的运行需求，包括负载能力...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值