js第一天-CSDN博客

本文链接：https://blog.csdn.net/weixin_52390649/article/details/114846162

计算机基础
1、人类通过计算机语言向计算机发出命令。
2、计算机语言分为机器语言、汇编语言、高级语言。
3、机器语言适合计算机最终识别的语言，不利于我们写代码。于是有了高级语言。js属于高级语言的一种。
4、高级语言需要一个翻译器转换为计算机所识别的语言。
5、计算机分为硬件和软件，软件运行在硬件上。硬件包含输入设备、输出设备、CPU、硬盘（永久存储）、内存（暂时存储，断电既无；）。软件分为：系统软件（windows、linux、macos、应用软件。
6、程序运行过程：硬盘——内存条——cpu【内存条是电，硬盘是机械（慢），cpu运行极快，为了不浪费性能，所以借助内存这个桥梁】

初识js
1、js，是运行在客户端的脚本语言。（逐行来解释）。
脚本语言，不需要编译，直接由js引擎逐行进行解释并执行。现在也可以基于node技术进行服务器端编程。
浏览器分为两部分：1、渲染引擎（用来解析HTML和css）和js引擎。

2、js由js语法和dom（页面文档对象模型）和bom（浏览器对象模型）组成。
在html中我们推荐用双引号，js中推荐用单引号来区分。

变量
1、变量的本质是在内存中申请一块空间用来存储数据的。
（类似于酒店的房间。通过变量名来区分不同的变量。变量由两部分组成：变量名和空间）
2、变量的使用：先声明变量，后赋值。
3、声明并赋值，称为变量的初始化。
4、后输入的变量的值会把原来的覆盖掉（类似于css的层叠性）。
5、变量的特殊情况：a，只声明不赋值，undefind。b、不声明不赋值，直接使用某个变量，则报错。c、不声明，直接赋值，可以输出，但不建议（会变成全局变量）。
6、变量命名规范
规则：

由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, num01, _name
严格区分大小写。var app; 和 var App; 是两个变量
不能以数字开头。 18age 是错误的
不能是关键字、保留字。例如：var、for、while
变量名必须有意义。 MMD BBD nl → age
遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。
7、交换变量的写法：
（1）、先准备一个空的临时变量。
（2）、apple1的值给临时变量。
（3）、apple2的值给appl1.

数据类型
1、为什么需要数据类型？不同的数据所占据的存储空间不同，为了节省存储空间所以做了分类。（胖的睡大床，小的谁小床，嘻嘻）
2、变量的数据类型，只有在被程序运行时，根据右边的值才能确定。
3、js是动态语言，变量的数据类型是可以变化的。
4、js数据类型分为简单和复杂数据类型（object）。
简单数据类型有：数字、字符串、布尔值、undefind、null。
5、在js中，八进制前面加0 ，十六进制前面加0x。
6、isNaN 这个方法用来判断非数字，如果非数字则返回true，如果是数字则返回true。
7、外双内单或内单外双。
8、字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符串的长度。
9、字符串+任何类型=拼接之后的新字符串，是新！字符串！哟哟哟！（数值相加，字符相连）
10、变量不要写到字符串里面，是通过和字符串相连的方式实现的。引引加加。
11、布尔值类型有两个：true和false。布尔型和数字型相加时，true代表1，false代表0.
12、underfind和一个数字相加，结果是NAN。
13、一个声明后没有被赋值的，会有一个默认值underfind。
14、一个声明变量给null值，里面存的值为空。

获取变量的数据类型
1、typeof+变量名用来检测数据类型。
2、使用表单、prompt获取过来的数据默认是字符串类型的，不能直接进行加法等运算，需要进行数据类型的转换。

数据类型的转化
1、数字转换为字符串，通过+
2、字符串转换为数字型，parseInt（变量），此方法适用于取整。parseFloat（变量），会取到小数点位置的。
3、转换为布尔型；Boolean（）函数；代表空、否定的值会被转换为false，如0、NaN、underfind、null。其余值都会转换为true。

欢迎使用Markdown编辑器

你好！这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

全新的界面设计 ，将会带来全新的写作体验；
在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
全新的 KaTeX数学公式 语法；
增加了支持甘特图的mermaid语法¹ 功能；
增加了 多屏幕编辑 Markdown文章功能；
增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G
查找：Ctrl/Command + F
替换：Ctrl/Command + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

~~删除文本~~

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片: Alt

带尺寸的图片:

居中的图片: Alt

居中并且带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

项目
- 项目
  - 项目

项目1
项目2
项目3

计划任务
完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	`'Isn't this fun?'`	‘Isn’t this fun?’
Quotes	`"Isn't this fun?"`	“Isn’t this fun?”
Dashes	`-- is en-dash, --- is em-dash`	– is en-dash, — is em-dash