• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

JS学习笔记(一)

互联网 diligentman 2周前 (01-14) 12次浏览

文章目录

  • 学习笔记(一)
    • 准备工作
    • 初识JavaScript
      • JS的组成
      • JS书写位置
      • JS注释
      • 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工具生成骨架标签新增代码

  1. <!DOCTYPE>标签
    文档类型声明标签,作用是告诉浏览器是使用哪种Html版本来显示网页
  2. lang语言
    用来定义当前文档显示的语言。
    • en定义为英语//定义为en就是英文网页
    • zh-CN定义语言为中文//定义为zh-CN就是中文网页
      但其实对文档显示来说,定义成en/zh-CN的文档也可以显示成中文/英文
  3. 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()
    浏览器控制台打印输出信息

喜欢 (0)