发表于: 2019-07-14 23:00:00

1 860


      今天完成的事情和收获:今天把第一页写出来了,但是大部分时间都在划水,实在是没有写的欲望,看资料也看不进去,只看了一个渐进增强和优雅降级都是什么,以及两者的的区别:

      渐进增强的方式是人为应当专注于内容本身,因此先针对低版本的浏览器构建页面,满足最基本的功能,再针对高级浏览器进行各种功能的添加,来满足客户的要求。面对的客户一般是全面性的,因此需要各个版本都尽量一致且完善。

      渐进增强的写法:

.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,没有写带前缀的,想必以后会渐渐地都不用写前缀了。

     明天计划:今天实在是不在状态,心态也有问题,准备休息一天调整一下,


返回列表 返回列表
评论

    分享到