WEB前端开发引言

简介、开发前景

WEB:web系统

  • 以网站形式呈现,通过浏览器访问,完成一定功能的系统

前端:网页上为用户呈现的部分

开发:编写代码

开发前景 工作内容
网站架构师
网页美工
前端开发人员

网站与网页

网站 (web site)

概述:互联网上用于展示特定内容的相关网页的集合

网页 (web page)

概述:网站中的一页,一个网站中的网页通过“超链接”的方式被组织在一起

分类:网页根据内容是否改变分为

  • 静态页面:编写之后在浏览器不再改变的网页。HTML就是用于编写静态网页的
  • 动态页面:会根据不同的情况展示不同的内容。例如:登录成功后右上角显示用户名

主页 homepage

概述:进入网站看到的第一个网页,主页的文件名通常是index



服务器与浏览器

服务器

概述:可以处理客户端的请求并返回相应响应。目前最主流的三个Web服务器是Apache、 Nginx 、IIS

浏览器

概述:解析网页源代码,渲染网页

分类
  • shell部分

  • 内核部分

    • 渲染引擎(语法规则和渲染)

    • js引擎

      2001年发布ie6,首次实现对js引擎的优化和分离

  • 其他模块

常用浏览器以及浏览器内核
  1. IE浏览器内核:Trident内核,也是俗称的IE内核

  2. Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核

    2008年 Chrome 谷歌和苹果联合开发浏览器

    它采用优化后的JavaScript引擎,引擎代号为V8

    因能把js代码直接转化为机械码来执行,进而以速度快而闻名

    2008年9月1日Google在其官方博客上宣布退出Chrome浏览器

    之后Firefox也推出了具备强大功能的js引擎

  3. Firefox 浏览器内核:Gecko内核,俗称Firefox内核

  4. Safari 浏览器内核:Webkit内核

  5. Opera 浏览器内核:最初是自己的Presto内核,后来是Webkit,现在是Blink内核



前端技术标准、构成

W3C标准

W3C:万维网联盟(the World Wide Web Consortium)

前端技术构成

结构:HTML

从语义的角度,描述页面结构

简单理解:用于展示需要显示的数据

样式:CSS

从审美的角度,美化页面

简单理解:使显示的数据更佳好看

行为:JavaScript

脚本语言,用于构建网页行为,与用户进行交互,使用户获得更好的体验

简单理解:使整个页面显示的数据具有动画效果

你可能感兴趣的:(全栈开发学习日记,web,html5)