发表于: 2018-11-27 20:26:08

1 781


今天完成的事情:

今天修改了一下以前的任务,发现自己做的很多地方都还存在问题

然后把所有任务的课后思考题都整理了一下,虽然以前做任务的时候也确实看过这些问题,但是了解的不够深入,现在感受到那些问题确实能够很好的扩宽自己的知识面,补足自己所欠缺的东西。

今天通过整理课后思考题也了解到了很多新的词汇


优雅降级:Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题,针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案,使之在旧式浏览器上以某种形式降级体验却不至于完全失效.
渐进增强:从被所有浏览器支持的基本功能开始,逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持时,它们会自动地呈现出来并发挥作用。


这两个概念给我的感觉就是一个是从高级向低级过渡,一个是从通用到特殊,给人的层次感不同,但是想要达到的效果是一样的


什么是SEO

SEO是英文Search Engine Optimization的缩写,中文译为“搜索引擎优化”。SEO是指在了解搜索引擎自然排名机制的基础上,对网站进行内部及外部的调整优化,改进网站在搜索引擎中的关键词自然排名,获得更多流量,从而达成网站销售及品牌建设的目标。


以前端角度出发做好SEO需要考虑什么?

精减代码  

CSS Sprites

为图片指定宽度与高度

使用浏览器缓存

启用GZIP压缩

启用CDN加速


quirks模式是什么?

Quirks Mode 就是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循 W3C 标准的网页而产生的一种页面渲染模式

Quirks Mode是一种浏览器(像IE,Firefox,Opera)操作模式。 从根本上说,怪异模式(也称之为兼容模式)意味着一个相对新的浏览器故意模拟许多在旧浏览器中存在的bug,特别是在IE4和IE5中。

现代浏览器在Quirks Mode下,页面会发生哪些变化

1.在Quirks Mode下,为body设置一个margin是无效的。
2.默认情况下,IE有一个垂直滚动条,尽管当没有东西可以滚动的时候,它是非活动状态(迟钝状态),在Quirks Mode下,你可以通过设置body { overflow: auto;}删除它(当不需要它的时候),但是在标准模式下,你仍然需要增加html { overflow: auto;}。
3.默认的浮动图片的水平margin是3像素(而不是0)。
4.在CSS中,使用margin: 0 auto使一个块居中是无效的。;
5.字体属性不会从body或其他封闭元素继承到table中。特别是font-size。字体,颜色,行高也都有可能。


使用 HTML5,通过创建 cache manifest 文件,可以创建 web 应用的离线版本。

原理:

离线存储是基于一个新建的.appcache文件的,通过这个文件上的解析清单离线存储资源,这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示。


manifest 文件可分为三个部分:

  • CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
  • NETWORK - 在此标题下列出的文件需要与服务器的连接,且不会被缓存
  • FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)

在线的情况下,用户代理每次访问页面,都会去读一次manifest.如果发现其改变, 则重新加载全部清单中的资源

HTML5应用程序缓存为应用带来的三个优势:

  • 离线浏览 – 用户可在应用离线时使用它们
  • 速度 – 已缓存资源加载得更快
  • 减少服务器负载 – 浏览器将只从服务器下载更新过或更改过的资源。

明天计划的事情:

继续学习课后思考题,学习js的基础知识


遇到的问题:

暂无


收获:

今天,通过整理课后思考题学习了很多知识,但是还得慢慢消化


返回列表 返回列表
评论

    分享到