当前位置: 首页 > news >正文

24.[前端开发-JavaScript基础]Day01-插件配置-变量-数据

一、邂逅JavaScript

1 认识编程语言

前端的三大核心

计算机语言

编程语言

常见的编程语言
 

2 编程语言发展历史

编程语言的发展历史 – 机器语言

编程语言的发展历史 – 汇编语言

编程语言的发展历史 – 高级语言

机器语言和高级语言

3 JavaScript的历史

认识JavaScript

JavaScript的起源(一)

JavaScript的起源(二)

JavaScript的历史(三)

JavaScript的起源(四)

4 JavaScript的分类

JavaScript的组成

JavaScript由谁来运行?

5 JavaScript运行引擎

认识JavaScript引擎

浏览器内核和JS引擎的关系

著名的Atwood定律

6 JavaScript应用场景

JavaScript应用越来越广泛

二、JavaScript的基本语法

1 JavaScript编写方式

JavaScript的编写方式

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>

  </style>
</head>
<body>
  
  <!-- 1.编写位置一: 编写在html内部(了解) -->
  <a href="#" onclick="alert('百度一下')">百度一下</a>
  <a href="javascript: alert('百度一下')">百度一下</a>


  <!-- 2.编写位置二: 编写在script元素之内 -->
  <a class="google" href="#">Google一下</a>

  <script>
    var googleAEl = document.querySelector(".google")
    googleAEl.onclick = function() {
      alert("Google一下")
    }
  </script>

  <!-- 3.编写位置三: 独立的js文件 -->
  <a class="bing" href="#">bing一下</a>
  <script src="./js/bing.js"></script>

</body>
</html>

2 noscript元素的使用

<noscript>元素

3 JavaScript注意事项

JavaScript编写的注意事项

加载顺序(自上而下)

4 JavaScript交互方式

JavaScript的交互方式

Chrome的调试工具

5 JavaScript语句和分号

JavaScript语句和分号

6 JavaScript注释方式

JavaScript的注释

VSCode插件和配置

三、JavaScript变量和数据类型

1 认识JavaScript变量

程序中变量的数据

2 变量的定义、规范等

变化数据的记录 – 变量

变量的命名格式

变量的命名规范

变量的练习

变量的使用注意

3 数据类型和typeof

JavaScript的数据类型

typeof操作符

4 常见的数据类型

Number类型(一)

Number类型(二)

String类型(一)

字符串中的转义字符

字符串的属性和方法

Boolean类型

Undefined类型

Object类型

Null类型

数据类型总结

5 数据类型的转换

数据类型的转换

字符串String的转换

数字类型Number的转换

布尔类型Boolean的转换

相关文章:

  • React低代码项目:Redux 状态管理
  • Redis|复制 REPLICA
  • Rust学习总结之-枚举
  • 半导体晶圆精控:ethercat转profient网关数据提升制造精度
  • 2024中国信通院“集智”蓝皮书合集(附下载)
  • Windows-内核
  • 解决免费 PDF 发票打印痛点的实用工具
  • 回调函数的用法
  • AI大模型-提示工程学习笔记19-自我反思
  • HBuilder X安装教程(2025版)
  • C++ ⾼性能内存池
  • Spring 创建对象的流程
  • Rk3568驱动开发_点亮led灯(手动挡)_5
  • 文件上传漏洞学习笔记
  • 【SRC实战】搜索功能泄露订单号+用户定位
  • 自学c++之类、对象、封装
  • 【语法】C++的string
  • 解决应用程序 0xc00000142 错误:完整修复指南
  • 记录Liunx安装Jenkins时的Package ‘jenkins‘ has no installation candidate
  • 全星QMS软件系统:制造业质量管理的全面优化与创新研究
  • 5月1日,多位省级党委书记调研旅游市场、假期安全等情况
  • “80后”商洛市委副书记、市政府党组副书记赵孝任商洛市副市长
  • 十四届全国人大常委会第十五次会议在京闭幕
  • 为治理商家“卷款跑路”“退卡难”,预付式消费司法解释5月起实施
  • 排除燃气爆炸、人为放火可能,辽宁辽阳火灾事故起火原因正在调查
  • 演员刘美含二手集市被曝售假,本人道歉