《尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)》视频1

JavaScript(基础、高级)笔记汇总表【尚硅谷JavaScript全套教程完整版】 尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) 阅读详情

起源

JavaScript诞生于1995年,前期主要用于处理网页中的前端验证。
ECMAScript是一个JavaScript标准,而这个标准需要由各个厂商去实现。

一个完整的JavaScript应该由以下三个部分构成:

  • ECMAScript :标准
  • DOM:文档对象模型
  • BOM:浏览器对象模型

JS的特点:

  • 解释性语言
  • 动态语言
  • 基于原型的面向对象
  • 类似于C和Java的语法结构

/*可以发出警告框*/
alert("警告");
/*可以向body中输出内容*/
document.write("内容");
/*可以向控制台输出内容*/
console.log("内容");

JS代码写在什么地方:

1.可以将JS代码编写到标签的属性中:

<body>
	<button onclick="alert('你点我干嘛');">点我一下</button>
	<a href="javascript:alert('你真的点啊');">点我点我</a>
</body>

但是不推荐这种结构和行为耦合的方式。
2.可以写在script标签中。
3.可以将代码编写在外部js文件中,然后通过script标签引入。

<script type="text/javascript" src="new_file.js"></script>

script标签一旦引入外部JS文件,则在内部写的代码将被忽略。
如果需要可以创建一个新的script标签用于编写内部代码。

多行注释/*内容*/
单行注释//

JS中:

  • 严格区分大小写
  • 每条语句以分号(;)结尾
  • 忽略多个空格和换行,可以用于格式化
  • 使用var 关键字来声明一个变量
var a;
a=123;
var b = true;
console.log(a);
console.log(typeof b);

var a = 456;
  • 标识符:函数名、变量名、属性名等,
    • 标识符中可以含有字母、数字、_、$
    • 不能以数字开头
    • 不能是ES中的关键字
    • 一般驼峰命名法

JS底层保存标识符实际上是采用Unicode编码,所以,理论上讲UTF-8中含有的所有内容都可以作为标识符。

六种数据类型:

  • String
  • Number(包括整数和浮点数)
  • Boolean
  • Null(用来表示一个空对象)
  • Undefined(当声明一个变量但是未赋值时)
  • Object

可以使用运算符 typeof来检查一个变量的类型。

console.log(typeof a);
强制类型转换:

将其他数据转换为String:

  • 方法一: 调用被转换数据类型的toString()方法,该方法不会影响原数据的类型,并且将转换后的值返回,这种方法不能转换null和undefined两种类型的数据。
b = a.toString();
  • 方法二:调用String()函数,并将被转换的数据作为参数传递给函数。这种方式所以可以转换所有类型的数据。
b = String(a);

将其他数据转换成Number:

  • 方法一:使用Number() 函数。
    字符串转数值,如果是纯数字字符串,则直接转换;如果字符串中有非数字内容,则转换为NaN;如果字符串是一个空的字符串,则转换为0;如果是被转换的是布尔型,那么ture转换成1,false转换为0;null转数字将转为0;undefined转数字将转为NaN。

  • 方法二:

    • parseInt()函数,可以把一个字符串中有效的整数内容取出来。
a = "123a567";
b = parseInt(a);

则b的内容为数值123

  • parseFloat()函数:类似parseInt,只不过可以转换小数。

如果对非字符串类型的数据使用上两个函数,则会将数据先转换成字符串再进行操作。

在JS中,如果需要表示16进制的数字,则需要以"0X"开头;如果需要表示8进制数字,则需要以"0"开头。这时候有的字符串比如"070"会把浏览器搞晕,在将这种字符串转换成数字的时候,可以给parseInt()函数传入第二个参数 “10”,表示以转换结果以十进制显示。

a = "070";
b = parseInt(a, 10);

转换为布尔值

  • 直接使用Boolean()函数,非零即为真。

JS中可以表示的数字最大值为:`Number.MAX_VALUE`,比它大的,会返回一个`Infinity`,表示正无穷。`Number.MIN_VALUE`表示最小的正值。`NaN`表示Not a number。
  • 在字符串中,我们可以使用\作为转义字符:
str = "我说:\"今天天气真不错!\"";

“表示”
\n表示换行
\t表示制表符
\表示\

如果使用JS进行浮点数运算,可能得到一个不精确的结果。

【前端】Angular8入门教程笔记+Angular material安装与使用 一、 Angular介绍 Angular是谷歌开发的一款开源的web前端框架,诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。 根据项目数统计angular(1.x 、2.x 、4.x、5.x、6.x、7.x 、8.x、9.x)是现在网上使用量最大的框架。 Angular基于TypeScript和r... 阅读详情

相关推荐

javascript 视频播放

一个简单易懂的js视频播放demo页面.

JavaScript实现视频播放器

最终效果: 思路/步骤: 拿到需要操作的元素 通过事件监听视频是否加载完毕 隐藏加载的动画 显示视频 获取视频的总时长 格式化获取到的时间 监听播放按钮的点击 判断当前是否处于播放/暂停状态 切换对应的图标 监听视频播放的进度 同步文本时间 同步进度条 监听进度条的点击事件 获取鼠标当前点击的位置 监听视频是否已经播放完毕 恢复播放时间 恢复图标 恢复时间 恢复进度条 恢复标记 监听全屏按钮的点击 源码: * { margin: 0; p.

小白小白从不日别的博客 1万+

最强大、最牛逼的javascript视频

最强大、最牛逼的javascript视频!!!!!!!!!!

JavaScript在线编程

1.题目描述找出数组 arr 中重复出现过的元素示例1输入[1, 2, 4, 4, 3, 3, 1, 5, 3]输出[1, 3, 4]function duplicates(arr) { var res = [];     arr.sort();     for(var i=0;i&lt;arr.length-1;i++)     {         if(arr[i] == arr[i+...

sophia_little的博客 4796

javaScript视频教程[全集]

javaScript视频教程[全集] 下载观看体积达到了11G左右,准备个大点的空间吧。 链接:https://pan.baidu.com/s/1y3qnHNcjAyIekXycQiR3JA

精通Javascript+jQuery 视频教程 在线观看

前沿视频出的《精通Javascript+jQuery》视频教程,挺不错的,值得看看。

JavaScript使用(一)

JavaScript介绍 JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。JavaScript与Java没有任何关系。 JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作

今天很喜欢小水 2060

Windows 10下用Python 3搞定Android源码下载:最新repo工具避坑指南

本文详细介绍了在Windows 10系统上,使用Python 3和官方最新repo工具下载Android源码的完整流程。文章提供了从Git安装、环境配置到repo工具初始化、同步加速及常见错误排查的避坑指南,帮助开发者高效搭建稳定的源码下载环境。

weixin_29266749的博客 436

JavaScript基础06-day08【if练习、条件分支语句switch、for循环】

if练习、条件分支语句switch、for循环

upward 1553

保姆级教程 | MS构建三层石墨后转成LAMMPS的data文件

喜欢的话记得一键三连~

baguette的博客 2952

EPLAN二次开发入门:Visual Studio 2019环境配置与插件调试实战

本文详细介绍了EPLAN二次开发入门的关键步骤,重点讲解如何在Visual Studio 2019中配置开发环境并进行插件调试。通过创建符合命名规范的项目、引用核心API库、实现插件接口以及使用附加进程调试等实战技巧,帮助电气工程师快速掌握EPLAN插件开发,提升自动化设计效率。

h6i7j8的博客 763

尚硅谷JavaScript视频 共140集

该视频是JavaScript基础视频,其中涵盖了ES标准、BOM以及DOM的大部分内容,适合有一定HTML和CSS基础的同学学习。 通过对该视频的学习,可以使同学初步掌握JavaScript,对面向对象的语言有一个初步的理解。并且能够通过DOM和BOM完成一项基本的页面效果。 JavaScript的基础对于一名前端工程师非常重要,希望同学们认真学习,学习完该教程可以继续学习JS高级...

ressx的博客 5911

淘宝扫码登录避坑指南:如何避免异地登录风控并稳定获取Cookie(附Python代码)

本文深入解析了淘宝扫码登录的风控机制,提供了从环境仿真到代码实现的完整避坑指南。通过精细化伪装请求头、管理会话与IP策略,并附上Python示例代码,帮助开发者稳定获取Cookie,有效避免异地登录风控,实现自动化流程的可靠集成。

l6m7n8的博客 591

适合我的前端学习路线(学习前端不迷路)

适合我的前端学习路线(学习前端不迷路) 小伙伴们想学习前端,但是却不知如何入手,上网查前端学习路线,第一页往往充斥着各种培训公司的广告,又或者是搜前端学习路线图时,出现大量的路线图导致你还是不能确定适合自己的路线。 所以在这里我向大家分享一下我走的前端道路。 一:大体上学习前端的两种选择 意思就是你是选择自学还是报社会上的培训班学。为什么要先提这一点呢,因为在我看来这也是学习前端的关键一步。那我给出我的一些看法建议。 1:如果你现在是大一,大二,时间充裕,并且对学习前端有坚定的信念,这里.

m0_50789201的博客 3万+

隐藏在WAV音频里的秘密:用Python脚本从‘噪音’CTF题中提取Flag

本文详细解析了如何利用Python脚本从WAV音频文件中提取隐藏的Flag信息,特别针对CTF比赛中的音频隐写技术。通过分析WAV文件结构、编写Python解析脚本,并解决字节序处理和异常值等实际问题,帮助读者掌握从‘噪音’中解码Flag的技巧。

weixin_30617737的博客 486

银行业数据科学家的 6 条经验教训

原本希望在计算机科学、统计学和机器学习领域工作。运用新方法获得独特见解,实现一切自动化。简而言之,最终成了这个职业炒作的牺牲品。我想和你们分享一下。希望我们能够摆脱炒作,提高你对数据科学家工作的理解。

茶桁专栏 246

1024程序员节最新福利之2018最全H5前端资料集

前言 有好久没有写博客了,主要这段时间都沉迷学习无法自拔了,哈哈.自吹一波. 前两天不是1024节吗,所以就有很多福利出现了,当然每个人能都获得的信息都有所不同,这就是所谓的信息差.秉着好东西需要分享和开源的好习惯,所以来给你们送福利了. 其他福利 一、1024程序员节最新福利之2018最全java资料集合 二、1024程序员节最新福利之2018最全大数据资料集合 三、1024程序员节最新...

Darry_R的博客 1195

2、机器人控制技术:阻抗/导纳控制与强化学习的融合

本文探讨了阻抗/导纳控制与强化学习在机器人控制中的融合应用。阻抗/导纳控制广泛应用于外骨骼和跟踪控制,通过改进方案提升建模误差下的鲁棒性;强化学习则为解决维度灾难、实现最优交互提供了有效途径,尤其在大输入空间、连续时间系统、冗余机器人及鲁棒控制中表现突出。结合近似器与合理奖励设计,强化学习可在无模型情况下实现高效控制。未来,两者融合有望推动更智能、更安全的机器人系统发展。

ice55的博客 300

前端学习推荐视频

前端学习推荐视频 关键词 前端入门神器【必学必会】 尚硅谷Web前端HTML5CSS3初学者零基础入门全套完整版 前端学习路线图【2021版】 2021年度全网最全Web前端学习路线 前端核心–扎好马步——》》 HTML&CSS:李立超HTML与CSS前端入门佳作,百万播放,好评如潮! HTML5+CSS3(超哥新版):尚硅谷Web前端HTML5CSS3初学者零基础入门全套完整版 JS核心:尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JS高级:尚硅谷Ja

qq_51732666的博客 520

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

网站开发学习讲座

网站开发学习讲座: HTML+CSS 【黑马程序员】05:54:12 从零开始玩转前端与移动开发(第一阶段HTML5) 【黑马程序员】24:58:16 从零开始玩转前端与移动开发(第二阶段CSS3) 【黑马程序员】06:27:16 从零开始玩转前端与移动开发(第三阶段京东项目实战) 29:55:10NEW尚硅谷前端HTML5视频_李立超-HTML & ...

ishenjiaming的博客 533

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

【JS从入门到精通】12-包装类和字符串

包装类和字符串 1、三大包装类 2、字符串方法 length属性 charAt() charCodeAt() String.formCharCode() concat() indexof() lastIndexof() slice() substring() substr() split() toUpperCase() toLowerCase()

VectorX's Blog 480

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

JS学习笔记-基础

JS学习笔记-基础 数字操作

weixin_45246970的博客 270
上一篇: 《HTML+CSS》视频15 表格、空表格隔开父子外边距、解决高度塌陷
下一篇: 《JavaScript视频2》运算符
Han_python
博客等级 码龄6年 31粉丝 113原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值