一.写在前面

各位大佬好，我是一名前端初学者，这篇文章我们将了解一下关于Web端的具体内容，包括进行前端开发所需要的电脑配置，安装的软件，并且我们会分析网页和网站的区别，以及不同浏览器内核的基本内容，让我们开始吧，如果你对前端的技术比较感兴趣可以关注我，在学习的过程中也会分享不同的技术知识。

二.电脑的基本配置

三.推荐安装的软件

如果进行前端的开发，以下的几个软件需要安装：

Chorme浏览器，开发必备浏览器： …VSCode编辑器，开发推荐编辑器（编写代码） /Xmind Zen思维导图，思维导图笔记： Typora，markdown笔记软件四.认识网页和网站

什么是网页？网页的专业术语叫做Web Page，打开浏览器查看到的页面，是网络中的一“页”网页的内容可以非常丰富：包括文字、链接、图片、音乐、视频等等。

网站是什么呢？网站是由多个网页组成的，通常一个网站由N个网页组成（N >= 1）

五.网页的显示过程-用户角度

用户在浏览器输入一个网站；浏览器会找到对应的服务器地址，请求静态资源服务器返回静态资源给浏览器；浏览器对静态资源进行解析和展示；六.网页的显示过程-前端工程师

开发项目（HTML/CSS/JavaScript/Vue/React）打包、部署项目到服务器里面七.服务器是什么？

我们日常生活接触到的基本都属于客户端、前端的内容：比如浏览器、微信、QQ、小程序，我们知道自己的手机并不可能存放哪些多的数据和资源，比如你用《网易云听音乐》，音乐数据大部分都是存在“服务器”中的，那么服务到底是什么呢？服务器本质上也是一台类似于你电脑一样的主机；但是这个主机有几个特点：

二十四小时不关机的（稳定运行）；没有显示器的；一般装的是Linux操作系统（比如centos）；那么我以后到公司是不是就看得见服务器了呢？目前公司大部分用的是云服务器（比如阿里云、腾讯云、华为云）八.世界上的第一个网页

上世纪90年代，Berners-Lee上线了世界上第一个网站：

现代的网页已经非常的复杂了：

九.网页的组成

那么网页是由什么开发出来的呢？

阶段一：HTML元素；阶段二：HTML元素+ CSS样式；阶段三：HTML元素+ CSS样式+ JavaScript语言；

十.浏览器的作用

我们已经明确知道了网页的组成部分：HTML + CSS + JavaScript，那么这些看起来枯燥的代码，是如何被渲染成多彩的网页呢？我们知道是通过浏览器来完成：

浏览器最核心的部分其实是“浏览器内核”

十一.浏览器渲染引擎

浏览器最核心的部分是渲染引擎（Rendering Engine），一般也称为“浏览器内核”负责解析网页语法，并渲网页，常见的浏览器有很多：

十二.不同浏览器的内核

Trident：IE、360安全浏览器、搜狗高速浏览器、百度浏览器、UC浏览器；Gecko：Mozilla Firefox；Presto ->Blink：OperaWebkit ：Safari，360极速浏览器，搜狗高速浏览器，移动端浏览器Webkit-> Blink ：Google Chrome

不同的浏览器内核有不同的解析、渲染规则，所以同一网页在不同内核的浏览器中的渲染效果也可能不同

十三.总结

这篇文章我们了解了Web开发的基本知识，首先我们了解了电脑的基本配置和推荐安装的软件，然后我们认识了网页和网站，以及网页的显示过程和工程师角度的网页显示过程，之后我们分别介绍了服务器，世界上的第一个网页，以及网页的组成，然后我们明确了浏览器的作用和浏览器引擎的组成，以及不同浏览器的内核，我们认识到了，不同浏览器内核可能拥有不同的解析，渲染规则等。