zoukankan      html  css  js  c++  java
  • 我的小记录(不断完善)

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

    <div id="red"></div>
    <div id="green"></div>
    
    div{
        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。
  • 相关阅读:
    iFrmae_HTML
    表单_HTML
    使用 docker-compose 运行 MySQL
    【消息中间件是啥哟?】
    vue项目打包经验
    【css之flex布局】a guide to flexbox
    vue表格数据查询
    模块化导出导入的几种方式
    快速搭建一个本地服务node
    小程序性能优化
  • 原文地址:https://www.cnblogs.com/iagw/p/6657100.html
Copyright © 2011-2022 走看看