从输入网址到渲染

1. Part 

1.1.当你在浏览输 www.zuimeia.com然后都发生了什么?

输入网址

服务器ip

看到网页

1.2. www.zuimeia.com到底在哪 ?


从输入网址到渲染_第1张图片

1.3. 快速应用

进入测试环境

地理位置、运营商分流

DNS 负载均衡1.4.历经千万苦,终于拿到IP !然后呢......

2. Part 2


从输入网址到渲染_第2张图片

2.1. 访问不同URL时,怎么出现不同 页面的?

2.2. 是怎么拼装出来的?

2.3.

从输入网址到渲染_第3张图片

2.4. 将这个网站升级 下


从输入网址到渲染_第4张图片

2.5. 让我们来快速做 个网站看看


从输入网址到渲染_第5张图片

3. Part 

3.1.常 HTML标签

a 链接img 图p 段落

h1、2、3 标题script 脚本 ......

a 链接img 图p 段落

h1、2、3 标题script 脚本 ......

3.2. html结构

从输入网址到渲染_第6张图片


3.3. 流程


从输入网址到渲染_第7张图片

3.4. javascript可以干什么么

请求网络数据L修改 HTM

修改 CSS

各种本地运算

3.5. 常见加速加载技术


lazyload

分布式加载

css sprite

CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。

雪碧图

CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置。

3.6. css


从输入网址到渲染_第8张图片

你可能感兴趣的:(从输入网址到渲染)