精华内容
下载资源
问答
  • v-slot顾名思义,中文意思是插槽。如果你平时常用组件化开发,那相信你对插槽肯定不陌生,它主要作用就是可以在父组件中将自定义内容插入到子组件中,这句话比较拗口,可以先看个基础插槽示例。 一、单个插槽 ...

    v-slot顾名思义,中文意思是插槽。如果你平时常用组件化开发,那相信你对插槽肯定不陌生,它的主要作用就是可以在父组件中将自定义内容插入到子组件中,这句话比较拗口,可以先看个基础的插槽示例。

    一、单个插槽

    单个插槽也叫默认插槽,或者匿名插槽。

    父组件
    <Card>
        <p>我是父组件中自定义的内容</p>
    </Card>
    
    子组件
    <div>
        <p>我是标题</p>
        <slot></slot>
    </div>
    

    当组件渲染的时候,<slot></slot> 将会被替换为父组件中的<p>我是父组件中自定义的内容</p>。插槽内可以包含任何模板代码,非常方便,最后渲染出来的代码:

    <div>
        <p>我是标题</P>
        <p>我是父组件中自定义的内容</p>
    </div>
    

    设置插槽默认值

    以上例子很简单,不过要注意的是可以给slot设置默认值,父组件没有提供插槽内容的时候显示。

    父组件
    <Card>
        //无内容
    </Card>
    
    子组件
    <div>
        <p>我是标题</p>
        <slot>暂无数据</slot>
    </div>
    

    二、具名插槽

    具名插槽是当一个组件需要多个插槽的时候。它在实际应用中也非常常见,比如element-ui中的dialog组件,比如下面这个例子:

    Dialog组件
    <div class="container">
        <header>
            <slot name="header">
                <p>我是默认标题</p>
            </slot>
        </header>
        <div class="main">
            <slot></slot>
        </div>
        <footer>
            <slot name="footer">
                <p>我是默认底部</p>
            </slot>
        </footer>
    </div>
    

    slot元素有一个属性name,它表示该slot的名字。一个不带name<slot>出口会带有隐含的名字default

    父组件
    <Dialog>
    	<template v-slot:header>
    		父组件头部
    	</template>
    	<p>父组件内容</p>
    	<template v-slot:footer>
    		父组件底部
    	</template>
    </Dialog>
    

    在向具名插槽提供内容的时候,可以在一个<template>元素上使用v-slot指令,并以v-slot的参数的形式提供其名称。任何没有被包裹在带有v-slot<template>中的内容都会被视为默认插槽的内容。
    有一点需要注意的是,跟 v-onv-bind 一样,v-slot 也有缩写,这是2.6.0 新增,即把参数之前的所有内容 v-slot 替换为字符 #。例如 v-slot:header 可以被重写为 #header。最后的渲染结果如下:

    <div class="container">
        <header>
            父组件头部
        </header>
        <div class="main">
            <p>父组件内容</p>
        </div>
        <footer>
            父组件底部
        </footer>
    </div>
    
    展开全文
  • js匿名函数和具名函数

    千次阅读 2019-06-28 15:50:18
    按照ECMAScript标准,函数表达式的样式如下(opt记号代表的是可选的,也就是可有可无的意思): FunctionExpression : function Identifier opt ( FormalParameterList opt ){ FunctionBody } 函式表达式中函数的识别...

    按照ECMAScript标准,函数表达式的样式如下(opt记号代表的是可选的,也就是可有可无的意思):

    FunctionExpression :
    function Identifier opt ( FormalParameterList opt ){ FunctionBody }
    

    函式表达式中函数的识别名是可以不需要有的,有名称的函数表达式,也就是所谓的"具名函数表达式"(Named function expressions,NFE),这个函数的识别名,它的作用域是只能在函数的主体(FunctionBody)内部。原因当然它只是个原本就可有可无的"代理"函数名,真正的这函数识别名称是被赋值的那个变量识别名。

    正常情况下,你只能在函数表述式中的主体中使用这个"代理函数名",这也是符合标准的规定,如下面的例子:

    var f = function foo(){
      return typeof foo; 
    };
    typeof foo; // "undefined"
    f(); // "function"
    

    那么又为何要使用这个"代理函数名",不是可有可无的吗?

    因为这个名称在调试时,可以明确地在调用栈中看到,如果是不加这名称,也就是"匿名函数表达式"在调试时是看不准是呼叫什么的。这使得调试时多了一些便利,所以它会被用在这个情况下。

    但在IE8之前的IE版本,它对待这个"代理函数名",可以像一般的函数声明一样。因为以IE8来说,它里面的JS引擎并不是现在的标准ECMAScript规定,而是JScript 5.8。

    IE8并没有设计这个封闭作用域,来界定出函数表达式的作用域,而且,在IE8中认为这种有"具名函数表达式",相等于函数声明。而且IE8还会认为这两个函数(被赋值的变量与这个代理名)是两个不同的函数物件,例如下面的例子:

    var f = function foo(){
      return 23; 
    }
    
    alert(f === foo); //false
    

    以上的资料主要参考Named function expressions demystified与Function Declarations vs. Function Expressions

    展开全文
  • 匿名挂载的意思就是不指定名字,让系统给他默认生成一个长长的字符串作为名字。 两者都可以实现把docker容器内部的目录挂载到主机上来,以防止数据的丢失,然后也可以通过宿主机操作容器内部的数据,这样的话,会...

    一、具名挂载和匿名挂载是什么?

    具名挂载的顾名思义就是有名字,这个名字是我们自己给取的,使用了具名挂载之后,我们可以通过命令查看自己制定的这个名字。

    匿名挂载的意思就是不指定名字,让系统给他默认生成一个长长的字符串作为名字。

    两者都可以实现把docker容器内部的目录挂载到主机上来,以防止数据的丢失,然后也可以通过宿主机操作容器内部的数据,这样的话,会更加方便,不过最主要的还是体现在第一点,确保安全性。

    二、使用步骤

    1.具名挂载

    #以具名挂载的方式启动容器,需要注意的是,p需要大写,没有写端口的话,就是随机分配端口
    # 格式:-v 具名名称:/容器内路径
    [root@iZbp10d5h2h0qbsabf055iZ ~]# docker run -d -P --name nginx02 -v juming-nginx:/etc/nginx nginx
    e056ecd764d8d96c97d4b8bb3172fc569151fd60ff897195d5a6d813113487e8
    

    nginx容器已经成功运行起来了

    [root@iZbp10d5h2h0qbsabf055iZ ~]# docker ps
    CONTAINER ID   IMAGE     COMMAND                  CREATED          STATUS         PORTS                   NAMES
    e056ecd764d8   nginx     "/docker-entrypoint.…"   10 seconds ago   Up 9 seconds   0.0.0.0:49153->80/tcp   nginx02
    

    接下来通过docker volume ls查看卷挂载的情况,可以看到确实有一个叫做juming-nginx的卷挂载。

    [root@iZbp10d5h2h0qbsabf055iZ ~]# docker volume ls
    DRIVER    VOLUME NAME
    local     d4eea76262dd14ccdf40faae90d916a98f2e97241c9faa463ed8e2e1c057eecd
    local     e8db426c1ca6978fabeaae31c88a9285a8ee009e2422ef36d2969bf243f8f09e
    local     juming-nginx
    [root@iZbp10d5h2h0qbsabf055iZ ~]# 
    

    查看juming-nginx这个具体的卷

    #Mountpoint代表宿主机路径,默认情况下,在容器内的路径全部挂载这宿主机的这个位置。
    [root@iZbp10d5h2h0qbsabf055iZ ~]# docker volume inspect juming-nginx 
    [
        {
            "CreatedAt": "2021-02-23T18:55:44+08:00",
            "Driver": "local",
            "Labels": null,
            "Mountpoint": "/var/lib/docker/volumes/juming-nginx/_data",
            "Name": "juming-nginx",
            "Options": null,
            "Scope": "local"
        }
    ]
    [root@iZbp10d5h2h0qbsabf055iZ ~]# 
    
    

    查看一下宿主机上对应的位置。

    [root@iZbp10d5h2h0qbsabf055iZ ~]# cd /var/lib/docker/volumes/
    [root@iZbp10d5h2h0qbsabf055iZ volumes]# ls    #显示所有的卷信息
    backingFsBlockDev                                                 juming-nginx
    d4eea76262dd14ccdf40faae90d916a98f2e97241c9faa463ed8e2e1c057eecd  metadata.db
    e8db426c1ca6978fabeaae31c88a9285a8ee009e2422ef36d2969bf243f8f09e
    [root@iZbp10d5h2h0qbsabf055iZ volumes]# cd juming-nginx/
    [root@iZbp10d5h2h0qbsabf055iZ juming-nginx]# ls
    _data
    [root@iZbp10d5h2h0qbsabf055iZ juming-nginx]# cd _data/
    [root@iZbp10d5h2h0qbsabf055iZ _data]# ls
    conf.d  fastcgi_params  koi-utf  koi-win  mime.types  modules  nginx.conf  scgi_params  uwsgi_params  win-utf
    [root@iZbp10d5h2h0qbsabf055iZ _data]# cat nginx.conf    #查看这个配置文件
    
    user  nginx;
    worker_processes  1;
    
    error_log  /var/log/nginx/error.log warn;
    pid        /var/run/nginx.pid;
    
    
    events {
        worker_connections  1024;
    }
    
    
    http {
        include       /etc/nginx/mime.types;
        default_type  application/octet-stream;
    
        log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                          '$status $body_bytes_sent "$http_referer" '
                          '"$http_user_agent" "$http_x_forwarded_for"';
    
        access_log  /var/log/nginx/access.log  main;
    
        sendfile        on;
        #tcp_nopush     on;
    
        keepalive_timeout  65;
    
        #gzip  on;
    
        include /etc/nginx/conf.d/*.conf;
    }
    [root@iZbp10d5h2h0qbsabf055iZ _data]# 
    

    2.匿名挂载

    以匿名的方式启动了一个容器,同样是挂载容器内容的/etc/nginx目录

    [root@iZbp10d5h2h0qbsabf055iZ _data]# docker run -d -P --name nginx03 -v /etc/nginx nginx
    ade532db323816d8de574ca694fb4c493a9a84afbfc35f9ccc3c8323d2fc7d68
    [root@iZbp10d5h2h0qbsabf055iZ _data]# docker ps
    CONTAINER ID   IMAGE     COMMAND                  CREATED          STATUS          PORTS                   NAMES
    ade532db3238   nginx     "/docker-entrypoint.…"   8 seconds ago    Up 7 seconds    0.0.0.0:49154->80/tcp   nginx03
    e056ecd764d8   nginx     "/docker-entrypoint.…"   11 minutes ago   Up 11 minutes   0.0.0.0:49153->80/tcp   nginx02
    [root@iZbp10d5h2h0qbsabf055iZ _data]# 
    

    因为是匿名挂载,那么卷的名字就是一串随机的字符串。

    [root@iZbp10d5h2h0qbsabf055iZ _data]# docker volume ls
    DRIVER    VOLUME NAME
    local     d4eea76262dd14ccdf40faae90d916a98f2e97241c9faa463ed8e2e1c057eecd
    local     e8db426c1ca6978fabeaae31c88a9285a8ee009e2422ef36d2969bf243f8f09e
    local     f35392c7f10e8984efe460f77c0a9db1fc5a5aab995e674659f31c82a357bdbf
    local     juming-nginx
    [root@iZbp10d5h2h0qbsabf055iZ _data]# 
    

    查看一下这个卷,docker inspect 卷名称

    [root@iZbp10d5h2h0qbsabf055iZ _data]# docker inspect f35392c7f10e8984efe460f77c0a9db1fc5a5aab995e674659f31c82a357bdbf
    [
        {
            "CreatedAt": "2021-02-23T19:06:52+08:00",
            "Driver": "local",
            "Labels": null,
            "Mountpoint": "/var/lib/docker/volumes/f35392c7f10e8984efe460f77c0a9db1fc5a5aab995e674659f31c82a357bdbf/_data",
            "Name": "f35392c7f10e8984efe460f77c0a9db1fc5a5aab995e674659f31c82a357bdbf",
            "Options": null,
            "Scope": "local"
        }
    ]
    [root@iZbp10d5h2h0qbsabf055iZ _data]# 
    

    3.指定路径挂载

    #-v 宿主机路径:容器内路径
    [root@iZbp10d5h2h0qbsabf055iZ _data]# docker run -d -P --name nginx04 -v /test/a:/etc/nginx nginx
    1d3a4675e6b55b39365bb723be684492e84a762a677f64ab9a6b0fe035b234f0
    

    我们可以看到,nginx确实也启动了。

    [root@iZbp10d5h2h0qbsabf055iZ _data]# docker ps -a
    CONTAINER ID   IMAGE           COMMAND                  CREATED          STATUS                        PORTS                               NAMES
    1d3a4675e6b5   nginx           "/docker-entrypoint.…"   3 minutes ago    Exited (1) 3 minutes ago                                          nginx04
    ade532db3238   nginx           "/docker-entrypoint.…"   8 minutes ago    Up 8 minutes                  0.0.0.0:49154->80/tcp               nginx03
    e056ecd764d8   nginx           "/docker-entrypoint.…"   19 minutes ago   Up 19 minutes                 0.0.0.0:49153->80/tcp               nginx02
    

    去查看一下指定的目录。
    在这里插入图片描述

    [root@iZbp10d5h2h0qbsabf055iZ /]# cd test/
    [root@iZbp10d5h2h0qbsabf055iZ test]# ls
    a
    [root@iZbp10d5h2h0qbsabf055iZ test]# cd a
    [root@iZbp10d5h2h0qbsabf055iZ a]# l
    -bash: l: command not found
    [root@iZbp10d5h2h0qbsabf055iZ a]# ls
    [root@iZbp10d5h2h0qbsabf055iZ a]# 
    

    4.扩展

    ro代表read only ,它的意思是一旦使用了ro,那么就只能读,也就是容器内容只能读,不能写数据,而宿主机可以进行读写的操作。

    #增加权限,-v 具名名称:容器内路径:容器权限
    [root@iZbp10d5h2h0qbsabf055iZ a]# docker run -d -P --name nginx06 -v jumpming1-nginx:/etc/nginx:ro nginx
    eb8582385154f0ee7be529b7b8fb175d3283f1782254b63b1816b694b0e21e1f
    [root@iZbp10d5h2h0qbsabf055iZ a]# 
    

    rw代表可读可写,容器内部可以读也可以写,宿主机可以读也可以写。默认就是rw模式。

    [root@iZbp10d5h2h0qbsabf055iZ a]# docker run -d -P --name nginx07 -v jumpming1-nginx:/etc/nginx:rw nginx
    8197eed6941c349f50e8d054e62d36e342a861b6a5317e274514a94dfe87d004
    [root@iZbp10d5h2h0qbsabf055iZ a]# 
    

    总结

    • 具名挂载:-v 具名名称:/容器内路径
    • 匿名挂载:-v /容器内路径
    • 指定路径:-v /宿主机路径:/容器内路径

    一些命令

    • docker volume ls查看所有的卷
    • docker inspect 查看指定的卷

    默认容器权限是rw可读可写模式,默认路径挂载目录为"/var/lib/docker/volumes/xxxxxx/_data"

    展开全文
  • 听着这名词可能不大明白是啥意思,不过没关系,举个例子就明白了: 1 function test(...) 2 for i,v in ipairs(arg)do 3 print(i,v) 4 end 5 6 print(unpack(arg)) --unpack 返回表中内容 7 end 8 9 ...

    听着这名词可能不大明白是啥意思,不过没关系,举个例子就明白了:

     

    1 function test(...)
    2     for i,v in ipairs(arg)do
    3         print(i,v)
    4     end
    5     
    6     print(unpack(arg))   --unpack 返回表中内容
    7 end
    8 
    9 test(1,23,4,5,6,6,7,8)

     

     1 --变长参数
     2 function Params(...)
     3     print(arg[1],arg.n)
     4 end
     5 
     6 Params(1,23,4)         --输出 1 3
     7 
     8 
     9 --具名参数
    10 function Test(arg)
    11     print(arg.old,arg.new)
    12     arg.old,arg.new = arg.new,arg.old
    13     print(arg.old,arg.new)
    14 end
    15 
    16 Test{old = 1,new = 2}    --输出 1,2   2,1

     

    解释一下, arg.old,arg.new = arg.new,arg.old 这个用于给2个变量互换值。因为lua先给等号右边的求值,然后才进行赋值操作。。。

    转载于:https://www.cnblogs.com/OrangeLife/p/4580581.html

    展开全文
  • 在使用Vuetify组件时,常看到v-slot:activator="{ on, attrs }"以及插槽中v-bind="attrs" v-on="on" 例如: ...v-slot:activator是具名插槽新写法,旧写法slot="activator"在vue 2.6.0 起被废
  • “ 入鲍鱼之肆,久而不闻其臭。”最近在学习和编码过程中接触右值引用、移动语义和完美转发比较多一点,这些都是C++11新特性,合理使用可以提高程序...所有的具名变量或者对象都是左值,而右值不具名。很难得到...
  • Vue的slot插槽,可以从字面意思来了解用途,占用占坑的意思,既然是占坑肯定是先占坑后面有其他具体的内容来替换代替。根据slot的应用场景可以分为匿名slot和具名slot。 一、个人理解及插槽的使用场景 刚开始看教程...
  • vue中插槽

    2021-02-09 21:50:09
    注册一个组件比如下面cpn并在父组件中引用,你会看到子组件中有一个slot,这个slot就是插槽,什么意思呢?就是你在父组件中引用子组件时候,然后在里面加任何东西,你加东西就是显示内容,slot标签里面还可以...
  • 容器数据卷可以有具名和匿名挂载两种方式 以上是容器数据卷 那么我们有时还要听说 数据卷容器 这又是什么意思呢, 刚开始我与不是太懂, 后来渐渐明白 数据卷容器是 指 volume-form 那一个容器 比如我们有三个...
  • 我是一个看文档,也很难看懂人,要是有别人解说视频,我可能会选择后者,今天自己尝试看了一下插槽部分,有点懵逼 ...具名插槽,这个玩意就是带名字,百度了很多有关插槽文章,很多都是还有什么匿名插槽...
  • 右值:不具名的变量 左值:具名变量 其实呢概念上说不具名,隐含的意思就是作用域非常小的变量。站在内存的角度上没啥区别,主要在编译器角度上判断变量生命周期,他所在的地址是否可以再次被使用。 那么这种在...
  • 注:当我们尝试用不具名对象构建新对象时候编译器会用NRVO,RVO优化 c++返回值优化手段:   1、RVO 和NRVO RVO =Return value optimization 中文意思是不具名返回值优化 NRVO = Named Return value ...
  • vue插槽

    2020-12-03 16:07:02
    这句话的意思就是,没有插槽的情况下在组件标签内些一些内容是不起任何作用的,当我在组件中声明了slot元素后,在组件元素内写的内容就会跑到它这里了! 默认插槽 默认名字为default 具名插槽 具名插槽,就是给这个...
  • vue:slot

    2019-06-17 16:57:23
    差不多就是上面那个意思吧,由于更多还是作为一个component一个附属性功能,所以不做过多解释,就理解为“插槽”,由于基本都是用在“插入”方式,所以用法比较单一,比较简单粗暴 slot常用方式 ...
  • JS学习--函数

    2018-08-18 06:18:25
    一、函数声明方式 1.1 具名函数 ...(只写一个return和return undefined是一个意思) 此种方式声明并没有语法错误,只是它不能单独使用,要使用匿名函数,就必须要把它付给另外一个变量 1.3 具名函数赋...
  • vue之插槽

    2019-12-25 18:13:53
    插槽就是子组件中的提供给父组件使用的一个占位符,slot即为插槽的意思。用表示,父组件可以在这个占位符中填充任何模板代码,如HTML、组件等,填充的内容会替换子组件的标签。 可见:有实例,较容易理解 ...
  • 作用域插槽 | 带数据插槽 最后,就是我们作用...什么意思呢,就是前面两种,都是在组件template里面写 匿名插槽 1 <slot></slot> 具名插槽 1...
  • Google C++ 编码规范

    热门讨论 2010-09-17 10:40:40
    在.cc文件中,提倡使用不具名的命名空间(unnamed namespaces,译者注:不具名的命名空间就像不具名的类一样,似乎被介绍的很少:-()。使用具名命名空间时,其名称可基于项目或路径名称,不要使用using指示符。 ...
  • 这里讲一下匿名插槽和具名插槽。 1.匿名插槽 意思是slot后面没有name属性,不和父组件中产生某种对应关系,一个slot应用于整个child组件 <div id="root"> <!-- <child content='<p>Dell</...

空空如也

空空如也

1 2
收藏数 22
精华内容 8
关键字:

具名的意思