前端入门知识点分享

华仔仔仔
82 阅读2分钟

JS是什么

  • JS是一种运行在客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能
  • 浏览器就是一种运行JS脚本语言的客户端，JS的解释器被称为JS引擎，为浏览器的一部分

JS 的组成

  • JavaScript 是由 ECMAScript，DOM 和 BOM 三者组成的。
    1. ECMAScript: 定义了JavaScript 的语法规范,描述了语言的基本语法和数据类型
    2. DOM (Document Object Model): 文档对象模型
      • 有一套成熟的可以操作 ==页面元素的 API==，通过 DOM 可以操作页面中的元素。比如： 增加个 div，减少个 div，给 div 换个位置等
        • API:
          • application programming interface 的简写;
          • 翻译：应用程序编程接口；大白话：别人写好的代码，或者编译好的程序，提供给你使用，就叫作api
    3. BOM (Browser Object Model): 浏览器对象模型
      • 有一套成熟的可以操作 ==浏览器的 API==，通过 BOM 可以操作浏览器。比如： 弹出框、浏览器跳转、获取分辨率等

js 的三种书写方式

  • 行内式

    <input type="button" value="按钮" onclick="alert('hello world')" />

  • 内嵌式

    <body>
    <script>
        alert('hello world')
    </script>
</body>

  • 外链式

    <script src="main.js"></script>

    什么是变量？

  • 变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据；

    • 翻译为大白话，我有一个东西需要暂时存储起来，比如说就是一个数字 100，我把它存放到了变量 a 中，我后续想要使用他的时候就可以直接通过变量 a 获取到数字 100

  • 变量其实就相当于一个容器，内部可以存储任意类型的数据，使用变量时，用的是内部存储的数据。

为什么要定义变量？

使用变量可以方便的获取或者修改内存中的数据

如何定义变量

使用一个 var 的关键字进行定义，后面必须加一个空格，空格后面自定义变量名

var a;
var b;
var c;


变量

在sass中`$`来定义变量：

```scss
$color:red;
$font_size:12px;
.header{
    background-color: $color;
    font-size:$font_size*2;
}

一般用来定义颜色或者一些常用的像素值

avatar
文章
阅读
粉丝