• prefixfree.js介绍


    假如你现在正学习着强大的Css3,你知道Css3的很多数属性为实验属性,使用他们的时候得加上各式各样的浏览器前缀。可能你默默忍受了,因为还没到统一的时间。有没想过给自己减下负,偶然间在网上看到一个js解决方案,正好可以解决这个问题。他会帮你自动识别浏览器,生成对应的Css3样式前缀,这样你就可以直接当作标准属性来使用了。

    举个例子:

    原先:
    -webkit-transform: rotate(15deg);

    -o-transform: rotate(15deg);

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    现在:

    transform: rotate(15deg);

    border-radius: 50%;

    是不是很棒,使用方法也很简单,简单到和平常引用jQuery一样,不用任何配置,而且文件大小也仅有几K。

    引用方式:<script src=”http://leaverou.github.com/prefixfree/prefixfree.min.js”></script>

    该js项目地址为http://leaverou.github.com/prefixfree/。事物总是有两面性,带来方便的同时,也引入了一些问题,因为是基于js的,所以对于一些不支持或者禁用js的浏览器用户是很不友好的,很可能会打乱布局,而且有时候会影响你使用Css的一些技巧(比如你只是想针对某个浏览器使用某个Css3属性,由于这个js的作用,所有浏览器都会应用该条属性,明显这不是你想要的结果)

    总结:用于学习练手我很赞成(少敲了好多代码哈哈),用于实际项目的话还是得考虑清楚其中的得失利弊。

  • 相关阅读:
    第07组 Alpha冲刺(2/4)
    第07组 Alpha冲刺(1/4)
    团队项目-需求分析报告
    团队项目-选题报告
    1381 硬币游戏
    1381 硬币游戏
    1347 旋转字符串
    1344 走格子
    1305 Pairwise Sum and Divide
    1384 全排列
  • 原文地址:https://www.cnblogs.com/-simon/p/5906827.html
Copyright © 2020-2023  润新知