初识web前端开发

一、前端三剑客

• 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