JS学习笔记(一)
程序员文章站
2022-04-15 19:43:38
js编写流程、数据类型、变量的命名、变量应用、数组、定时器、子节点和父节点、、、、 ......
2021.1.11
学习笔记(一)
准备工作
今天开始学习Javascript,开始之前先学习开发工具VS Code的几个快捷键和安装一些常用插件以及一些VS Code生成的骨架标签的含义。
快捷键
-
!+回车/Tab
自动生成页面骨架结构 -
Ctrl++/-
放大/缩小视图 -
Alt+B
在浏览器中打开 -
Ctrl+/
注释
常用插件 - Chinese(Simplified)Language Pack for VS Code
- Open in Browser
- Auto Rename Tag//自动重命名配对的HTML/XML标签
- CSS Peek//追踪至样式
VS Code工具生成骨架标签新增代码
- <!DOCTYPE>标签
文档类型声明标签,作用是告诉浏览器是使用哪种Html版本来显示网页 - lang语言
用来定义当前文档显示的语言。- en定义为英语//定义为en就是英文网页
- zh-CN定义语言为中文//定义为zh-CN就是中文网页
但其实对文档显示来说,定义成en/zh-CN的文档也可以显示成中文/英文
- charset字符集
- 字符集是多个字符的集合。以便计算机能够识别和存储各种文字。
- 在<head>标签内,可以通过<meta>的charset属性来规定HTML文档应该使用哪种字符编码。
- 其中,UTF-8也被称为万国码,基本包含了全世界所有国家要用到的字符。
- <meta charset=“UTF-8”>这句话一定要写否则可能会出现乱码现象。
初识JavaScript
JS的组成
- ECMAScript //JavaScript语法
- DOM //页面文档对象模型
- BOM //浏览器对象模型
JS书写位置
- 行内
- HTML推荐使用双引号,JS推荐使用单引号
- 仅在特殊情况下使用
- 内嵌
- 可以将多行JS代码写到<script>标签中
- 内嵌JS是学习时常用的方式
- 外部
- 既美观又方便
- 适合于JS代码量较大的时候
JS注释
-
单行注释
- //
- 快捷键Ctrl+/
-
多行注释
- /*
*/ - 快捷键Shift+Alt+A–>已修改成ctrl+shift+a
- /*
note:vscode中修改多行注释的快捷键点击左下角管理中键盘快捷方
式,输入原来的快捷键,找到后修改即可
JS输入输出语句
- alert()
浏览器弹出警示框 - prompt()
浏览器弹出输入框,用户可以输入 - console.log()
浏览器控制台打印输出信息
本文地址:https://blog.csdn.net/Ludwig1957/article/details/112504871
上一篇: 到2016年都不会过时的无人机
下一篇: jQuery源码之总体架构分析