我的小记录（不断完善）

Posted 2020-09-07 陆漫漫

1.transform对元素的操作只会影响被操作元素，并不会对其他元素产生影响（比如位置）

<div id="red"></div>
<div id="green"></div>

div{
    width:80px;
    height: 80px;
}
#red{
    background-color:red;
}
#green{
    background-color:green;
}

展示情况：

修改#red的样式：

#red{
    background-color:red;
    transform:scale(1.5);
}

展示情况：此时红色方块变大了，但绿色方块还在原来的位置，并没有因为红色方块变大而改变绿色方块的位置，由此特征，可以演变出很多特效出来，比如以下这种：

 

2.angularjs中scope作用域

angular中如果想让子集作用域影响父级作用域，需要把ng-model设置为对象，且对象定义在父级scope上.

<div ng-controller="ctrl1">
    {{data.name}}
    <div ng-controller="ctrl2">
        <input type="text" name="" ng-model="data.name">
        {{data.name}}
    </div>
</div>
<script type="text/javascript">
    var app=angular.module(\'myApp\',[]);
    app.controller(\'ctrl1\',function($scope){
    $scope.data={name:\'后端人！\'};
    })
    app.controller(\'ctrl2\',function($scope){
    //$scope.data={name:\'后端人！\'};  //定义在子集上父级将没反应

 }) </script>

 3.js中i++和++i

　　如果变量没有直接参与运行中，i++与++i表示的含义是：在变量原来的基础上加一。

　　如果i++或者++i参与到运输中

var   i=123;
var   n1=i++;   该段代码的含义是： 先将i的值赋值给变量n1,然后变量i的值再加1。

var   n2=++i;   该段代码的含义是： 先将i的值加1,然后变量i加1后的值赋值给变量n2。