2024年网络安全最全【web网络安全基础阶段一】，纯干货

最新推荐文章于 2024-10-02 21:20:07 发布

2401_84301948

最新推荐文章于 2024-10-02 21:20:07 发布

阅读量638

点赞数 16

分类专栏：程序员文章标签：网络安全学习面试

本文链接：https://blog.csdn.net/2401_84301948/article/details/138730762

版权

程序员专栏收录该内容

155 篇文章 2 订阅

订阅专栏

一、网安学习成长路线图

网安所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。
在这里插入图片描述

二、网安视频合集

观看零基础学习视频，看视频学习是最快捷也是最有效果的方式，跟着视频中老师的思路，从基础到深入，还是很容易入门的。
在这里插入图片描述

三、精品网安学习书籍

当我学到一定基础，有自己的理解能力的时候，会去阅读一些前辈整理的书籍或者手写的笔记资料，这些笔记详细记载了他们对一些技术点的理解，这些理解是比较独到，可以学到不一样的思路。
在这里插入图片描述

四、网络安全源码合集+工具包

光学理论是没用的，要学会跟着一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。
在这里插入图片描述

五、网络安全面试题

最后就是大家最关心的网络安全面试题板块
在这里插入图片描述

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

简要概括

前端技术作用
前端开发是创建Web页面或App等前端界面呈现给用户的过程。
• HTML，CSS及JavaScript
• 网页制作是Web1.0时代的产物，早期网站主要内容都是静态，
以图片和文字为主，用户使用网站的行为也以浏览为主。
• 随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加
美观，交互效果显著，功能更加强大。

使用工具：vs code，idea，vim等集成环境

一、HTML介绍

1.HTML（ HyperText Markup Language）即超文本标记语言，是用来构建网页的一种语言。是一整套标记标签构成的标记语言，而非编程语言。用于承载网页的内容（文本、图片、语音、视频）。

在这里插入图片描述

代码展示：

<!DOCTYPE html>

<!--
'标签<!DOCTYPE html>'
它不是 HTML 标签，而是指示web 浏览器关于页面使用哪个HTML 版本进行编写的指令,
这里表示的是HTML5.
-->

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个 HTML 页面</title>
</head>

<!--
'HTML头部部分:' 
标签 <head> </head>
涉及页面标题、字符集、样式、链接等内容
<titile> 页面标题必须存在
<base> 为所有链接指定默认地址
<link> 定义文档与外部资源之间的关系
<style> 定义样式信息
<script> 定义客户端脚本，比如 JavaScript
<meta> 定义关于 HTML 文档的元数据，用
于规定页面的描述、关键词、文档
的作者等。搜索引擎引擎会利meta
元素的 name 和 content 属性来索
引页面'
-->

<body>
<h1>大家好，我是标题1</h1>
<h2>大家好，我是标题2</h2>
<p>大家好，我是段落</p>

<!--
'HTML主体部分：'
标签<body></body>
浏览器展现给用户的内容，包括标题、文本、段落、
链接、图片、媒体等，所有的页面内容都由HTML主
体部分标签来实现。
<p>hello</p> 标识一个段落
<a href=“url”>text</a> 标识一个链接文本
<ol><ul><li> 列表项相关
<table><tr><td> 表格项相关
<img> 标识一个图片信息
<b><i> 字体相关标签
<form><input> 表单相关标签
标签之间可按照规则嵌套'
-->

</body>
</html>

二、CSS介绍

1.层叠样式表（英文全称：Cascading Style Sheets）是一种用来表现HTML（标准通
用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算
机语言。
• CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样
式，拥有对网页对象和模型样式编辑的能力

2.效果展示

在这里插入图片描述

代码展示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个 HTML 页面</title>
    <style>
        h1
        {
          text-align: center;
        }
        h2
        {
            background-color:red ;

        }
        p
        {

            font-family: 华文彩云;
        }
    </style>
    
<!--
css操作
-->

</head>
<body>
<h1>大家好，我是标题1</h1>
<h2>大家好，我是标题2</h2>
<p>大家好，我是段落</p>

</body>
</html>

三、JavaScricpt介绍

1.JavaScript，是可插入 HTML 页面，可以由绝大多数现代浏览器执行的轻量级的编程语言。
JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式
（如函数式编程）风格。

它和Web安全有什么关系？
作为一种脚本语言，由它引申出的 XSS 攻击，文件上传漏洞，常年占据 OWASP Top10。

2.解释器：Node.js

（为什么会用到解释器后面HTTP介绍会讲述）

简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎
执行 Javascript 的速度非常快，性能非常好。

3.关于JavaScript这种脚本语言的个人看法

水很深，对于无论开发还是我们web安全方向来说都是非常重要的，都需要大量时间去专研，对于初学者来说，我就不多赘述了，如果时间不是很充裕，直接走py，有兴趣的同学可以去研究研究。

四、HTTP介绍

1.在讲解HTTP之前，我觉得有必要知道整个web流程的了解

写在最后

在结束之际，我想重申的是，学习并非如攀登险峻高峰，而是如滴水穿石般的持久累积。尤其当我们步入工作岗位之后，持之以恒的学习变得愈发不易，如同在茫茫大海中独自划舟，稍有松懈便可能被巨浪吞噬。然而，对于我们程序员而言，学习是生存之本，是我们在激烈市场竞争中立于不败之地的关键。一旦停止学习，我们便如同逆水行舟，不进则退，终将被时代的洪流所淘汰。因此，不断汲取新知识，不仅是对自己的提升，更是对自己的一份珍贵投资。让我们不断磨砺自己，与时代共同进步，书写属于我们的辉煌篇章。

需要完整版PDF学习资源私我

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取