从输入网址到渲染
2018-01-12 本文已影响0人
MR张翔
1. Part
1.1.当你在浏览输 www.zuimeia.com然后都发生了什么?
输入网址
服务器ip
看到网页
1.2. www.zuimeia.com到底在哪 ?

1.3. 快速应用
进入测试环境
地理位置、运营商分流
DNS 负载均衡1.4.历经千万苦,终于拿到IP !然后呢......
2. Part 2

2.1. 访问不同URL时,怎么出现不同 页面的?
2.2. 是怎么拼装出来的?
2.3.

2.4. 将这个网站升级 下

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

3. Part
3.1.常 HTML标签
a 链接img 图p 段落
h1、2、3 标题script 脚本 ......
a 链接img 图p 段落
h1、2、3 标题script 脚本 ......
3.2. html结构

3.3. 流程

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
