第1篇认知-经过浏览器了解前端

1.初识css

就在你观看这篇文章时,你的手机设备或电脑设备都在经过浏览器来实时你的请求与响应,这时你也想问我这用软件或者某平台阅读你的文章,怎会变成浏览器来阅读了?html

在这个互联网的世界里,你无时无刻都在和浏览器打交道,而你的软件或者平台都内置了一个兼容软件的浏览器,也能够说是运用了HTML5的技术。若是你懂电脑,应该知道IE浏览器吧,若是你打开这个浏览器,而后在设置里找到打开缓存文件夹,你会看见里面有一大堆文件,若是你打开后缀名为html结尾的文件时,你会发现它打开的网页就是你最近浏览的网页,而这个文件夹里的还有其余的图片文件就是网页中图片,这些文件就能够得知浏览器向服务器进行请求并响应给你客户端(也就是你的电脑)的一些证据。前端

小结:请求就是你要访问某一网站,你要敲门拜访它的服务器,它容许你访问的话就会答应你访问,并将答应的网页全部关的文件返回下载到你的电脑,这就是响应你的拜访。浏览器

2.浏览器缓存

浏览器有不少,好比IE浏览器,Edge浏览器,Safari浏览器,火狐浏览器,谷歌浏览器,QQ浏览器,360浏览器,Opera浏览器等等,这些浏览器看似种类不少,但万变不离其宗,它们在渲染网页的时候,也就是打开(解析)网页所用的内核是不变的,不管打开任何浏览器用它们去访问任何网页,你均可以右键鼠标查看网页源码,而浏览器所用的内核就是用来解析这些网页代码的,也能够说是翻译它们的。
浏览器.png服务器

小结:虽然那么多浏览器,但我推荐使用谷歌浏览器进行前端开发,也是不少码农主推的浏览器。学习

3.w3c字体

虽然浏览器的内核良莠不齐,但它们渲染网页的标准则是统一的,不会出现大面积网页在不一样浏览器的上呈现的方式不同,经过W3C对Web标准进行统一,前端的代码获得优化和规范。优化

4.三剑客动画

html,css,js它们分别是网页的结构,网页的样式,网页的行为;所谓网页的源码均有这三部分组成,举个例子:咱们平时所看的报纸它就是网页的原型,报纸所看到的新闻的排序和排版就是网页中的结构,而这些结构被修饰就称为它的样式(修饰就是字体被加粗加色,下划线等字体操做,最典型的就是word软件的操做),而行为呢就是网页的效果(图形滚动,搜索关键词,登入帐号,动画)这三样就是网页的组成,它们也是网页的基础。

小结:网页由html,css,js组成,它们分别为结构,样式,行为。

最后:但愿你们把网页抽象为报纸,从而快速的理解网页组成,以上内容均为学习所得,但愿可以帮助你们入门。

相关文章
相关标签/搜索