Document

【JavaScript】 JavaScript和浏览器

2023-12-07
dfer
376
javascript 开发语言 ecmascript 网络安全 php 前端 CSDN

在这里插入图片描述

JavaScript最初是为了在浏览器中使用而创建的，它是Web开发的重要组成部分。在这一章节中，我们将学习如何使用JavaScript与浏览器进行交互。

DOM 操作

DOM（Document Object Model）是一个编程接口，它允许JavaScript操作HTML文档的内容和结构。HTML文档被解析成一个DOM树，我们可以通过JavaScript来操作DOM树的节点。

选择元素

我们可以使用各种方法来选择DOM元素。
var elementById = document.getElementById(‘myId’); // 通过ID选择元素
var elementsByClassName = document.getElementsByClassName(‘myClass’); // 通过类名选择元素
var elementsByTagName = document.getElementsByTagName(‘div’); // 通过标签名选择元素
var elementBySelector = document.querySelector(‘.myClass’); // 通过CSS选择器选择元素
var elementsBySelectorAll = document.querySelectorAll(‘.myClass’); // 通过CSS选择器选择所有匹配的元素

修改元素

我们可以修改DOM元素的属性和内容。
var element = document.getElementById(‘myId’);
element.className = ‘newClass’; // 修改类名
element.style.color = ‘red’; // 修改样式
element.innerHTML = ‘Hello, world!’; // 修改HTML内容

创建和删除元素

我们可以创建新的DOM元素，并添加到DOM树中。我们也可以删除已有的DOM元素。
var newElement = document.createElement(‘div’); // 创建新元素
newElement.innerHTML = ‘Hello, world!’;
document.body.appendChild(newElement); // 添加新元素到body

var oldElement = document.getElementById(‘myId’);
document.body.removeChild(oldElement); // 从body删除元素

事件处理

浏览器中的事件是JavaScript与用户交互的主要方式。我们可以使用JavaScript来监听和处理事件。

监听事件

我们可以使用addEventListener方法来监听事件。

var button = document.getElementById('myButton');
button.addEventListener('click', function() {
  console.log('Button clicked!');
});

在这个例子中，我们监听了按钮的点击事件。当用户点击按钮时，控制台会输出一条消息。

阻止默认行为

在某些情况下，我们可能想要阻止事件的默认行为。我们可以使用preventDefault方法来实现。

var link = document.getElementById('myLink');
link.addEventListener('click', function(event) {
  event.preventDefault(); // 阻止链接的默认点击行为，即阻止页面跳转
  console.log('Link clicked!');
});

在这个例子中，我们监听了链接的点击事件。当用户点击链接时，我们阻止了页面跳转，然后在控制台输出一条消息。

异步编程

JavaScript中的异步编程是处理耗时操作的一种方式。我们可以使用回调函数、Promise和async/await来处理异步操作。

回调函数

回调函数是一种函数，它作为参数传递给另一个函数，并在适当的时候被调用。

setTimeout(function() {
  console.log('Hello, world!');
}, 1000);

在这个例子中，我们使用setTimeout函数来延迟执行一个操作。我们把一个函数（回调函数）和一个延迟时间（1000毫秒）传递给setTimeout。一秒后，回调函数被调用，控制台输出一条消息。

Promise

Promise是处理异步操作的一种方式。Promise有三种状态：pending（等待）、fulfilled（成功）和rejected（失败）。

var promise = new Promise(function(resolve, reject) {
  setTimeout(function() {
    resolve('Hello, world!');
  }, 1000);
});

promise.then(function(value) {
  console.log(value); // 输出：Hello, world!
}).catch(function(error) {
  console.error(error);
});

在这个例子中，我们创建了一个新的Promise。这个Promise会在1秒后成功，值为’Hello, world!'。然后我们使用then方法来处理成功的结果。

async/await

async/await是处理异步操作的一种方式。它使得异步代码看起来像同步代码。

async function helloWorld() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('Hello, world!');
    }, 1000);
  });
}

async function main() {
  var value = await helloWorld();
  console.log(value); // 输出：Hello, world!
}

main();

在这个例子中，我们定义了一个异步函数helloWorld，它返回一个Promise。然后我们在main函数中使用await关键字等待Promise的结果。

总结

JavaScript和浏览器紧密相连，通过JavaScript，我们可以操作DOM，处理事件，以及进行异步编程。理解这些基本概念，将有助于我们更好地使用JavaScript来创建动态和交互式的Web应用。
在接下来的章节中，我们将深入学习更多关于JavaScript的知识。希望你在学习的过程中能够找到乐趣，并且通过学习JavaScript，开启你的编程之旅！

题外话

初入计算机行业的人或者大学计算机相关专业毕业生，很多因缺少实战经验，就业处处碰壁。下面我们来看两组数据：

2023届全国高校毕业生预计达到1158万人，就业形势严峻；

国家网络安全宣传周公布的数据显示，到2027年我国网络安全人员缺口将达327万。

一方面是每年应届毕业生就业形势严峻，一方面是网络安全人才百万缺口。

6月9日，麦可思研究2023年版就业蓝皮书（包括《2023年中国本科生就业报告》《2023年中国高职生就业报告》）正式发布。

2022届大学毕业生月收入较高的前10个专业

本科计算机类、高职自动化类专业月收入较高。2022届本科计算机类、高职自动化类专业月收入分别为6863元、5339元。其中，本科计算机类专业起薪与2021届基本持平，高职自动化类月收入增长明显，2022届反超铁道运输类专业（5295元）排在第一位。

具体看专业，2022届本科月收入较高的专业是信息安全（7579元）。对比2018届，电子科学与技术、自动化等与人工智能相关的本科专业表现不俗，较五年前起薪涨幅均达到了19%。数据科学与大数据技术虽是近年新增专业但表现亮眼，已跻身2022届本科毕业生毕业半年后月收入较高专业前三。五年前唯一进入本科高薪榜前10的人文社科类专业——法语已退出前10之列。

在这里插入图片描述

“没有网络安全就没有国家安全”。当前，网络安全已被提升到国家战略的高度，成为影响国家安全、社会稳定至关重要的因素之一。

网络安全行业特点

1、就业薪资非常高，涨薪快 2021年猎聘网发布网络安全行业就业薪资行业最高人均33.77万！

在这里插入图片描述

2、人才缺口大，就业机会多

2019年9月18日《中华人民共和国中央人民政府》官方网站发表：我国网络空间安全人才需求140万人，而全国各大学校每年培养的人员不到1.5W人。猎聘网《2021年上半年网络安全报告》预测2027年网安人才需求300W，现在从事网络安全行业的从业人员只有10W人。

在这里插入图片描述

行业发展空间大，岗位非常多

网络安全行业产业以来，随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…