一.电脑配置,软件安装
🐻电脑配置-显示隐藏文件和扩展名
👹推荐安装的软件
二.认识网页和网站
🥰什么是网页
🤬网站是什么呢?
三.网页的显示过程 – 用户角度
🦄用户在浏览器输入一个网站
🥲浏览器会找到对应的服务器地址,请求静态资源(可以存放在世界上任何一个地方)
🥰服务器返回静态资源给浏览器
🐻浏览器对静态资源进行解析和展示
四.网页的显示过程 – 前端工程师
🦄开发项目(HTML/CSS/JavaScript/Vue/React)
😀打包、部署项目到服务器里面
五.服务器是什么?
🥰我们日常生活接触到的基本都属于客户端、前端的内容:比如浏览器、微信、QQ、小程序。
😀我们知道自己的手机并不可能存放哪些多的数据和资源:比如你用《网易云听音乐》,音乐数据大部分都是存在“服务器”中的。
🤬那么服务到底是什么呢?
- 二十四小时不关机的(稳定运行);
- 没有显示器的;
- 一般装的是Linux操作系统(比如centos);
🦄那么我以后到公司是不是就看得见服务器了呢?
六.世界上第一个网页
🤬虽然目前我们会认为这个网页简单到不值一提,但是在当时它的发明是“天才之作”。
🦄现代的网页已经非常复杂
七.网页的组成
😀那么网页是由什么开发出来的呢?
🦄网页源代码的角度
😀网页源代码的角度
八.浏览器角度
🦄我们已经明确知道了网页的组成部分:HTML + CSS + JavaScript。
🤬那么这些看起来枯燥的代码,是如何被渲染成多彩的网页呢?我们知道是通过浏览器来完成;
🦄浏览器最核心的部分其实是 “浏览器内核"
九.浏览器的渲染引擎
🦄浏览器最核心的部分是渲染引擎(Rendering Engine),一般也称为“浏览器内核”负责解析网页语法,并渲染(显示)网页。
😀常见的浏览器有很多:
🤬课堂上必须安装的浏览器:Chrome浏览器(所有讲解也会基于这个浏览器)
十.不同浏览器的内核
🐻常见的浏览器内核有
🤬不同的浏览器内核有不同的解析、渲染规则,所以同一网页在不同内核的浏览器中的渲染效果也可能不同。