小编Raj*_*ian的帖子

CSS3属性是否像动画太强大了?

这个重复的动画代码会减慢我的系统吗?:

@-webkit-keyframes animate {-webkit-animation-iteration-count:infinite;...}
Run Code Online (Sandbox Code Playgroud)

所有CSS3属性都是CPU密集型的吗?

谢谢.

css css3 hardware-acceleration css-transitions

6
推荐指数
2
解决办法
8789
查看次数

哪些svg元素可以是子元素,哪些不可以

在html中我们说,内联元素应该在块元素内.同样,有什么规则我可以​​使用,找出哪些svg元素可以是孩子,哪些不可能.

svg

5
推荐指数
1
解决办法
3859
查看次数

从angularjs中的另一个指令中添加指令

从另一个指令中添加指令会使浏览器挂起.

我想做的是

1)<h7></h7>在compile函数中更改自定义元素指令(如).通过这样做,浏览器挂起.

码:

<h7>TEST</h7>
    animateAppModule.directive('h7', function($compile){
        return {
            restrict:"E",
            compile:function(tElement, tAttrs, transclude){                
                tElement[0].setAttribute("ng-class", "{selected:istrue}");
                return function(scope, iElement, iAttrs){
                    //$compile(iElement)(scope);
                }
            }
        }
    })
Run Code Online (Sandbox Code Playgroud)

如果我取消注释此行//$compile(iElement)(scope);,浏览器将挂起.您可以在这个小提琴http://jsfiddle.net/NzgZz/3/中取消注释上述行,以查看浏览器挂起.

但是,如果我在h7指令中有模板属性,则浏览器挂起不会发生,如此小提琴所示.http://jsfiddle.net/KaGRt/1/.

总的来说,我想要实现的是

我想在模板指令的帮助下,使用新的功能来修改模板.像装饰图案一样的东西.我在指令链的指令的编译函数中执行此操作,以便它影响该模板的所有实例.

我想要实现的一个例子.

<xmastree addBaloon addSanta></xmastree>
Run Code Online (Sandbox Code Playgroud)

1)说xmastree有一个模板 - <div class="xmastree" ng-class={blinks:isBlinking}></div>

2)Say addBaloon有一个模板<div class="ballon" ng-class={inflated:isinflated}></div> 然后,addBaloon编译函数应该将模板从步骤1扩充到这样的东西

<div class="xmastree" ng-class={blinks:isBlinking}>
    <div ng-repeat = "ballon in ballons">
        <div class="ballon" ng-class={inflated:isinflated}></div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

3)Say addSanta有一个模板<div class="santa" ng-class={fat:isFat}></div> 然后,addSanta编译函数应该将模板从step2增加到这样的东西

<div …
Run Code Online (Sandbox Code Playgroud)

angularjs

5
推荐指数
1
解决办法
4008
查看次数

如果我使用背景图像会有性能问题

我开始知道,如果我们不给宽度和高度attr.在图像标签中会有一个性能问题.我有一个div元素,我以百分比设置宽度和高度.同样的div也有固定大小的背景图像,例如140px*140px.在这里,会有一个性能吗?

标记示例:

<div style="width:50%;background:url('imgofsize140*140') no-repeat">&nbsp;</div>
Run Code Online (Sandbox Code Playgroud)

谢谢

html css yslow

4
推荐指数
1
解决办法
293
查看次数

设置倾斜变换中心

对于诸如scale,rotate之类的操作,Raphael.js提供了单独的方法,通过它们我们可以指定该转换的起源.

但是对于偏斜,没有像这样的方法ele.skew(xskewAmount,yskewAmount,xtransfOrigin,ytransfOrigin).所以我去找ele.transform方法,就像ele.transform("m1,0,.5,1,0,0")执行一个xskew.但是我不能在这里指定原点,因此元素的翻译不正确.

我需要以下信息:

  • 有没有任何方法可以通过它设置偏斜的变换原点
  • 如果我倾斜元素,元素将被转换多少距离(不需要地).这样我就可以手动重新定位元素.

我的代码:http://jsfiddle.net/tYqdk/1/

请注意页面底部的Skewx按钮.

svg raphael

3
推荐指数
1
解决办法
1856
查看次数

要求js shim不适用于此代码

我有以下代码.

<script src="js/libs/require.js"></script>
<script>
    requirejs.config({
        baseUrl:'js/modules/',
        paths:{
            'bbn':'../libs/backbone',
            'underscore':'../libs/underscore'
        },
        shim:{
            'bbn':{
                exports:'B',
                deps:['underscore']
            }
        }
    })  
    requirejs(['bbn'], function(B){
        console.log(B)
    });
</script>
Run Code Online (Sandbox Code Playgroud)

函数参数B未指向Backbone.相反,它被记录为undefined.

我按照以下帖子到达了这一点:

使用RequireJS通过填充程序加载Highcharts并保持jQuery依赖性

我看到两个underscorebackboneJavaScript文件都在firebug下载了.

requirejs

3
推荐指数
1
解决办法
4138
查看次数

Rails模型字段不更新到数据库

使用的模型

class Car < ActiveRecord::Base
  attr_accessor :model,:edition
  attr_accessible :model,:edition  
  has_many :wheels
end

class Wheel < ActiveRecord::Base
  attr_accessor :type,:tubeless
  attr_accessible :type,:tubeless
  belongs_to :car
end
Run Code Online (Sandbox Code Playgroud)

创建操作

irb(main):009:0> bnz = Car.create :model=>"BENZ" , :edition=>2011
=> #<Car id: 5, model: nil, edition: nil, created_at: "2011-08-26 09:08:08", upd
ated_at: "2011-08-26 09:08:08">
Run Code Online (Sandbox Code Playgroud)

问题: 以上创建记录成功,但我的:model和:edition值不会发送到数据库.只有id,created_at,updated_at值才会在数据库中创建.

更新操作

irb(main):010:0> fifth = Car.find(5)
irb(main):011:0> fifth.update_attributes(:edition=>2011, :model=>"BENZ")
=> true
irb(main):012:0> fifth.update_attributes!(:edition=>2011, :model=>"BENZ")
=> true
irb(main):013:0> fifth.update_attributes!(:edition=>2012, :model=>"BENZ")
=> true
irb(main):014:0>
Run Code Online (Sandbox Code Playgroud)

问题: 这里什么都没发生.在developement.log中,只触发select语句,不触发update语句

我正在使用sqlite db.使用sqlite manager firefox addon来查看db表.铁杆新手,感谢您的帮助.

ruby-on-rails

1
推荐指数
1
解决办法
1659
查看次数

Raphael元素事件处理程序不适用于大纲模式

Raphael元素事件处理程序仅在元素填充时执行.

当元素没有填充时,不会执行Click事件处理程序.对于未填充的元素,鼠标悬停事件的行为方式不同(触发鼠标悬停和鼠标移除).

我的代码:http://jsfiddle.net/U5wda/1/

为什么会这样?

raphael

1
推荐指数
1
解决办法
767
查看次数