小知识点（2018-06-19）

一、clipboard.js的使用（将文本复制到剪贴板的插件）
1）引入 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>

2. 从target复印目标内容（可以从input、textare、div中通过copy/cut获取内容目标内容）
   data-clipboard-target指向复印节点，这里指input的目标id
   data-clipboard-action这里使用copy，同时也可以使用cut，则点击按钮后，内容里的值被剪切。如果没有指定，则默认值是copy。cut只能在input和textare中起作用

<textarea id="bar">hello</textarea>
<input id="foo" type="text" value="hello">
<div>hello_div</div>
<button class="btn" data-clipboard-action="cut" data-clipboard-target="#bar">Cut</button>
 <script>
       // button的class的值
        var clipboard = new Clipboard('.btn');
        clipboard.on('success', function(e) {
            console.log(e);
        });

        clipboard.on('error', function(e) {
            console.log(e);
        });
    </script>

二、layui弹出框

<button  class="layui-btn layui-btn-primary layui-hide-xs diolage">
                                        查看演示
 </button>
<div id="tankuang"  style="display:none">//弹窗的id
        <b id="click-close" style="cursor:pointer;font-size:32px;font-weight:lighter;position:absolute;top:-4px;right:10px;color:#666;">×</b>弹窗的关闭x
         <div class="content"> //弹窗内容
         </div>   
     </div>

layui.use(['jquery',  'layer'], function ( {
        var layer = layui.layer;
        var $ = layui.jquery;
      
       $('.diolage').click(function(){
       layer.open({
       type: 1
       ,title: false//不显示标题
      ,content: $('#tankuang')
      ,area: ['650px', '420px']
      ,shade: 0 //不显示遮罩
      ,closeBtn: 0//不显示按钮
      ,resize:false//不能拉伸
      });
      $("#click-close").click(function(){
        layer.closeAll()
      });   
      });