发表于: 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的基础知识
遇到的问题:
暂无
收获:
今天,通过整理课后思考题学习了很多知识,但是还得慢慢消化
评论