Javascript初学入门笔记（小白入门）

JavaScript的引入方式

• 标签引入

<a href="javascript:console.log('adc')" >  </a>

<button onclick="console.log('abc')" >  </button>

• 同步加载 拥塞

<script src="./a.js" ></script>
<script src="./b.js" ></script>

• 异步加载，同时进行加载

<script src="./a.js" async></script>
<script src="./b.js" async></script>

• 异步加载，同时进行加载，但留下一个最后执行（defer）的作用

<script src="./a.js" async></script>
<script src="./b.js" async defer></script>

基本树形结构

• 标签结构的树形结构称为DOM树
• css的为css树
• css加载在DOM树上合成渲染树，之后加载图片视频，

注释

• ctrl+/ 行注释
• alt+shift+a 块注释
• 注释的作用
  • 注释可以更快读懂代码
  • 暂时不使用的代码，需要时候可以解除注释
  • 使用块注释混淆代码
• TODO高亮注释标识未来需要编写的代码

常用框

• 弹出框 alert（“”）
• 确认否定框 confirm（“”）
• 弹出带输入框的消息 prompt("")

常量和变量

变量

• 变量的声明 x=3
• 变量名称不能使用数字开头，必须使用$或者_大小写的英文字母
• 不能使用关键字和保留字
  [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HfPCDM2V-1615886928415)(en-resource://database/921:1)]
  *普通变量使用小写字母开始，驼峰式命名法（变量名需要有意义）
  • 临时变量，参数和局部变量使用下划线起头，驼峰式命名法
  • ES中变量实际是赋值给了window对象的一个属性

  常量

  • ES6中才有常量，常量只能在第一次中定义并且赋值，以后不能修改其值
  • 常量全部大写，且使用_分割单词

解释型语言和编译型语言

数据类型

• 弱类型 定义变量类型可变（方便 快）
  • 不需要定义变量的类型，可以随意更改这个变量的数据类型‘’
  • 0x00 16进制数值型
  • 045 8进制数值型
  • 2.35e+5 科学计数法2.35乘以十的五次幂
  • true/false布尔值
  • undefined 未定义
  • var n=null; 空 针对对象设置为null，用于清除对象的引用关系

类型转化

• 数值转化为字符串
  • var a=5;
• 强制转换
  • a=toString();
• a=a.toString(2);参数中是数字，表示将变量转换为该数值的进制字符串
• a=a.tofixed(2);保留小数点后几位
  • console.log(a);
• a=a.toPrecision(2);科学计数法
  • 小于0 保留几位有效数字，
• a=a.toExponential(3);保留小数点后几位的科学计数法