前端基础知识

sunnyPP123

已于 2022-10-08 15:34:08 修改

阅读量223

点赞数

分类专栏：前端文章标签： javascript 前端 html

于 2022-10-06 17:46:26 首次发布

本文链接：https://blog.csdn.net/qq_38056514/article/details/127183452

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章目录

前端基础

前端基础

HTML

超文本标记语言（HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML 运行在浏览器上，由浏览器来解析。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
</head>
<body>

<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如定义网页编码格式为 utf-8。
<titile>元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

CSS

CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css。

JavaScript

JS函数

JS 使用关键字function 定义函数，函数可以通过声明定义，也可以是一个表达式。
JS创造函数可以通过一下三种方式：

函数声明
函数表达式（匿名函数）
构造函数（了解，不推荐）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<p>创建函数 </p>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
</body>

<script>
    // 正常创建函数
    function functionDeclarant(a,b){
        return a*b;
    }
    document.getElementById("demo1").innerHTML=functionDeclarant(4,3);

    // 匿名函数
    var annoy = function(a,b){
        return a*b;
    }
    document.getElementById("demo2").innerHTML=annoy(4,3);

    // 构造函数
    var constructorFunction = new Function("a", "b", "return a * b");
    document.getElementById("demo3").innerHTML = constructorFunction(4, 3);
    
</script>
</html>

箭头函数

ES6 新增了箭头函数。

箭头函数表达式的语法比普通函数表达式更简洁。

有的箭头函数都没有自己的 this。不适合定义一个对象的方法。

当我们使用箭头函数的时候，箭头函数会默认帮我们绑定外层 this 的值，所以在箭头函数中 this 的值和外层的 this 是一样的。

箭头函数是不能提升的，所以需要在使用之前定义。

使用 const 比使用 var 更安全，因为函数表达式始终是一个常量。

如果函数部分只是一个语句，则可以省略 return 关键字和大括号 {}，这样做是一个比较好的习惯:

(参数1, 参数2, …, 参数N) => { 函数声明 }

当只有一个参数时，圆括号是可选的：

(单一参数) => {函数声明}
单一参数 => {函数声明}

没有参数的函数应该写成一对圆括号

() => {函数声明}

实例：

// ES5
var x = function(x, y) {
     return x * y;
}
 
// ES6
const x = (x, y) => x * y;

BOM

浏览器对象模型（Browser Object Model (BOM)）它将浏览器的各个组成部分封装成对象。
组成：

Window：窗口对象
它包含了Location和History对象，还有Body里面的内容，这个Body是什么呢，它是HTML里面显示的内容，即Document对象，比较重要，所以单独给它分类为DOM对象。
Navigator 浏览器对象
Screen 显示器屏幕对象
History 历史记录对象
Location 地址栏对象

DOM

通过HTML DOM，可以访问JS THML文档的所有元素。

sunnyPP123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端基础知识

CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css。JS 使用关键字function 定义函数，函数可以通过声明定义，也可以是一个表达式。当我们使用箭头函数的时候，箭头函数会默认帮我们绑定外层 this 的值，所以在。有的箭头函数都没有自己的 this。箭头函数是不能提升的，所以需要在使用之前定义。箭头函数表达式的语法比普通函数表达式更简洁。
复制链接

扫一扫

专栏目录