文档介绍：WEB前端
线上平台事业部
陈鑫均
WEB前端
前端简介
前端技术
流行框架
前端工具
前端简介
前端是什么?
HTML/CSS/JavaScript……
与后端相比
前端客户端环境不可预知
代码开源
数据无法隐藏
更关注页面性能和用户体验
前端简介
前端主要职能:把网站界面更好的呈现给用户
前端技术
前端技术
常见浏览器:
浏览器的组成
User Interface 用户界面,我们平时看到的浏览器
Browser Engine 浏览器引擎,负责协调各个部分的工作
Rendering Engine 渲染引擎,working 网络,负责与服务器的数据交互
Javascript Interpreter js解释器,解释执行js代码
UI Backend UI后台,负责浏览器自带的UI功能,比如alert()等
Data Persistence 数据持久化,浏览器本地数据存储,例如cookie等
前端技术
W3C 标准
视觉/交互设计
兼容性技术
性能及安全
前端技术
W3C 标准
WEB三项组成:结构、表现、行为
前端人员遵守的第一原则:“结构与表现分离”
结构标准(HTML/XHTML/XML)
表现标准(CSS)
行为标准(JavaScript)
前端技术
结构标准
HTML :超文本标记语言
XML:可扩展标记语言
XHTML:可扩展超文本标记语言
简史:
1989年,Tim Berners-Lee发明HTML
1998年2月,发布XML
1999年12月,
2000年1月,
2014年10月底,HTML 5标准规范制定完成
W3C标准-结构标准
前端技术
HTML—— WEB应用的基石
HTML 应用原则:语义化
W3C标准-结构标准