发表于: 2019-07-14 23:00:00
1 857
今天完成的事情和收获:今天把第一页写出来了,但是大部分时间都在划水,实在是没有写的欲望,看资料也看不进去,只看了一个渐进增强和优雅降级都是什么,以及两者的的区别:
渐进增强的方式是人为应当专注于内容本身,因此先针对低版本的浏览器构建页面,满足最基本的功能,再针对高级浏览器进行各种功能的添加,来满足客户的要求。面对的客户一般是全面性的,因此需要各个版本都尽量一致且完善。
渐进增强的写法:
.transition { /*渐进增强写法*/
-webkit-border-radius:30px 10px;
-moz-border-radius:30px 10px;
border-radius:30px 10px;
}
优雅降级则是一开始针对一个高版本的浏览器构建页面,先完善所有的功能。然后针对各个不同的浏览器进行测试,修复,保证低级浏览器也有基本功能就好,也就是只要低级浏览器显示没有大的错误,些许的差异直接被忽略,面对的客户一般是特定的,只需要考虑高版本即可。另一个原因可能是在产品功能未确定的时候,先写出高版本让客户看,更能吸引投资,要是开始拿个最基本框架,比较难以取信客户。
优雅降级写法:
.transition { /*优雅降级写法*/
border-radius:30px 10px;
-moz-border-radius:30px 10px;
-webkit-border-radius:30px 10px;
}
另外我去看了一下淘宝和京东的pc网页,,发现都只写了border-radius,没有写带前缀的,想必以后会渐渐地都不用写前缀了。
明天计划:今天实在是不在状态,心态也有问题,准备休息一天调整一下,
评论