一、前端三剑客
- HTML、CSS和JavaScript这三者一起构成了一个丰富多彩的网站。
- HTML负责进行页面布局的设置和网页素材的添加
- CSS负责各种素材的进行样式调整
- JavaScript负责页面的互动
二、网页工作流程
- 网页开发
- 设计网站的功能，写出明确的网站需求（项目经理）
- 界面设计，布局设计，相关配色（美工）
- 网页的编写—通过代码实现美工的页面设计图和项目经理的需求（web前端工程师）
- 网页的测试—让网页在不同的浏览器上进行一系列稳定性，兼容性测试（web前端工程师）
- 网站的上线—将代码和相关资源一起放到服务器上
- 网站的维护—保证服务器的正常运行，保证用户的正常访问（运维工程师）
- 网站的更新—修改网站bug，增加新的功能（web前端工程师）
- 网页访问
- 在浏览器上输入网址
- 网址进入域名解析服务器解析为物理地址
- 访问物理地址（物理地址对应服务器中的相关文件）
- 下载相关文件到个人计算机
- 浏览器对下载好的内容进行渲染和呈现
三、网页的呈现工具
说到网页的呈现工具，那就一定是浏览器了！
各种各样的网页都依赖于浏览器来进行渲染与显示。
浏览器可分为两个部分：
装饰页面：就是浏览器的表层样式（菜单栏样子，浏览器的设置等）
内核：是浏览器的核心部分，也就是渲染引擎。通过内核将HTML，CSS，JavaScript文件解释成网页。不同的内核，在渲染网页上有一些不同，这种不同，可能会导致浏览器在渲染效果、响应速度和能耗上有所差异。
ps：不同的浏览器内核对网页的语法解释也不同，因此网页开发者需要在不同内核的浏览器中测试网页的渲染效果。
| 浏览器 | 内核 |
|---|---|
| IE | Trident |
| Chrome | Webkit >>> Blink |
| Firefox | Gecko |
| Safari | Webkit |
| Opera | Presto >>> Blink |