Skip to content

Commit

Permalink
CSS模块增加了自动添加CSS3私有前缀的功能
Browse files Browse the repository at this point in the history 
根据当前浏览器的环境，在使用CSS3的属性的时候可以自动添加私有的前缀，使用标准的写法就能兼容其他浏览器。
  • Loading branch information
@chenmnkken
chenmnkken committed Nov 1, 2012
1 parent 7fb29ae commit ee9bb56
Show file tree
Hide file tree
Showing 145 changed files with 315 additions and 213 deletions.
53 changes: 45 additions & 8 deletions build/easy.js
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
/*
* easy.js v0.3.2
* easy.js v0.4.0
*
* Copyright (c) 2012 Yiguo Chen
* Released under the MIT and GPL Licenses
*
* Mail : [email protected]
* Date : 2012-10-31 13:11:33
* Date : 2012-11-1 11:42:55
*/

// ---------------------------------------------
Expand Down Expand Up @@ -230,7 +230,7 @@ easyJS.mix = function( target, source, override, whitelist ){

easyJS.mix( easyJS, {

version : '0.3.2',
version : '0.4.0',

__uuid__ : 2,

Expand Down Expand Up @@ -3742,12 +3742,45 @@ var rPosition = /^(?:left|right|top|bottom)$/i,
'teal' : 'rgb(0, 128, 128)',
'aqua' : 'rgb(0, 255, 255)'
},

cssPrefix = (function(){
var browser = E.browser;

return ( browser.ie && parseInt(browser.version) > 8 ) ? 'ms' :
( browser.chrome || browser.safari ) ? 'webkit' :
browser.firefox ? 'Moz' :
browser.opera ? 'O' : '';
})(),

getComputedStyle,
currentStyle,
getStyle;

var easyStyle = {

/*
* 视情况给CSS3的属性名添加私有前缀
* @param{ String } CSS属性名
* @param{ Object } 内联样式对象
* @return { String } 处理后的CSS属性名
* transform in firefox => MozTransform
* transform in webkit => webkitTransform
* transform in ie => msTransform
* transform in opera => OTransform
*/
fixName : function( name, style ){
if( name in style ){
return name;
}

var newName = cssPrefix + E.capitalize( name );

if( newName in style ){
return newName;
}

return name;
},

// 获取当前帧的窗口(window)元素
getWindow : function( elem ){
Expand Down Expand Up @@ -4024,7 +4057,7 @@ cssHooks.zIndex = {

E.mix( E.prototype, {

css : function( name, val ){
css : function( name, val ){
if( E.isPlainObject(name) ){
E.each( name, function( name, val ){
this.css( name, val );
Expand All @@ -4037,12 +4070,14 @@ E.mix( E.prototype, {
name.replace( /\-([a-z])/g, function( _, word ){
return word.toUpperCase();
});
var hooks = cssHooks[ name ],
offset, parentOffset, elem;

if( val === undefined ){
elem = this[0];
name = easyStyle.fixName( name, elem.style );

if( elem && elem.nodeType === 1 ){

if( hooks && hooks.get ){
Expand Down Expand Up @@ -4083,12 +4118,14 @@ E.mix( E.prototype, {
val += '';

return this.forEach(function(){
if( this.nodeType === 1 ){
if( this.nodeType === 1 ){
var style = this.style;
if( hooks && hooks.set ){
hooks.set( this, val );
}
else{
this.style[ name ] = val;
name = easyStyle.fixName( name, style );
style[ name ] = val;
}
}
});
Expand Down
115 changes: 58 additions & 57 deletions build/easy.min.js
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/ajax/ajax.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/ajax/ajaxEnd.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/ajax/ajaxFailure.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/ajax/ajaxStart.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/ajax/ajaxSuccess.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/ajax/get.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/ajax/getJSON.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/ajax/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/ajax/param.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/ajax/post.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/ajax/serialize.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/ajax/serializeArray.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/anim/anim.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/anim/delay.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/anim/fadeIn.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/anim/fadeOut.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/anim/hide.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/anim/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/anim/show.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/anim/slideDown.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/anim/slideToggle.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/anim/slideUp.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/anim/stop.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/attr/addClass.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/attr/attr.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/attr/hasClass.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/attr/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/attr/prop.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/attr/removeAttr.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/attr/removeClass.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/attr/removeProp.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
2 changes: 1 addition & 1 deletion docs/attr/replaceClass.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="logo">easy</h1>
<h2 class="sub_logo">.js</h2>
</div>

<h3 class="page_title">Docs<span class="ver">Version : 0.3.2</span></h3>
<h3 class="page_title">Docs<span class="ver">Version : 0.4.0</span></h3>

<ul class="menu_left">
<li><a href="../index.html">速查表</a></li>
Expand Down
Loading

0 comments on commit ee9bb56

Please sign in to comment.