day2
基础认知
认识网页
- 网页由文字,图片,音频,视频,超链接组成
- 代码通过浏览器转换为网页
五大浏览器和渲染引擎
- 浏览器:是网页显示,运行的平台,前端开发的利器
- IE浏览器,火狐浏览器,谷歌浏览器,Safari浏览器,欧朋浏览器
- 渲染引擎(浏览器内核):浏览器中专门对代码进行解析渲染的部分
- 浏览器出品的公司不同,内在的渲染引擎也不同(导致解析相同代码的速度,性能,效果也不同)
浏览器 | 内核 | 备注 |
---|---|---|
IE | Trident | IE,猎豹安全,360极速浏览器,百度浏览器 |
Firefox | Gecko | 火狐浏览器内核 |
Safari | Webkit | 苹果浏览器内核 |
Chrome/Opera | Blink | Blink其实是Webkit的分支 |
前端工程师日常推荐谷歌浏览器
wed标准
- 为什么需要wed标准:不同浏览器的渲染引擎不同,对于相同代码解析的效果会存在差异
- wed标准:让不同的浏览器按照相同的标准显示结果,让展示效果统一
- wed标准的构成
构成 | 语言 | 说明 |
---|---|---|
结构 | HTML | 页面元素和内容 |
表现 | CSS | 网页元素的外观和位置等页面样式(如颜色,大小) |
行为 | JavaScript | 页面模型的定义与页面交互 |
HTML:决定了身体。 CSS:决定了样式美观。 JavaScript:决定了交互的动态效果