前言

CLI，全称是command-line interface，也就是命令行交互接口。无论是在前端还是后端，都可以用于在构建时通过命令快速生成项目或模板等。例如前端的vue-cli（Vue前端开发脚手架），后端的dva-cli（Ant Design后端开发脚手架）等

vue init webpack [project-name]

在执行这段代码之后，系统会自动下载模板包，随后会询问我们一些问题，比如模板名称，作者，是否需要使用eslint，使用npm或者yarn进行构建等等，当所有问题我们回答之后，就开始生成脚手架项目。

为什么要开发一个 CLI

假设你现在要建立一个新项目 ，这个项目配置和之前的项目配置是一样的。在你没有 CLI 的时候，你只能通过复制、粘贴来进行。然而，当你有了 CLI，你就可以通过命令来完成这些步骤。当然，你可以说就新建一个项目，完全没必要再开发一个 CLI 工具。那如果你要新建 n 个项目呢？这个时候，有 CLI 和没有 CLI 的区别就体现出来了

某个元素是否到了浏览器顶部 滚定监听？

 $(window).scroll(function() {
        var top1 = $('#table').offset().top;
        var gun = $(document).scrollTop();
        var top = top1-gun;
        if (top <= 0) {
          $('#table'.addClass('fixed_top');
        }else{
          $('#table').removeClass('fixed_top');
        }
      }); 

文件引入

js:根据不同的需求引入文件，不考虑文件大小的情况下可以直接引入allmin.js css:直接下载官网文件，把zTreeStyle整个文件夹放在css文件下，然后引入css，zTreeStyle下面的img路径有可能不对，自行调整

应用

控制面板（涉及到引动节点、新增节点、删除节点、修改节点）

react

react生命周期

    var str = "123abc";  
    var patt1 = /^[0-9]+abc$/;  
    document.write(str.match(patt1));  

• ^为匹配输入字符串的开始位置。
• [0-9]+匹配多个数字， [0-9] 匹配单个数字，+ 匹配一个或者多个。
• abc$匹配字母 abc 并以 abc 结尾，$ 为匹配输入字符串的结束位置
• 限定符用来指定正则表达式的一个给定组件必须要出现多少次才能满足匹配。有 * 或 + 或 ? 或 {n} 或 {n,} 或 {n,m} 共6种。
• ?问号代表前面的字符最多只可以出现一次（0次、或1次）
• +号代表前面的字符必须至少出现一次（1次或多次）
• *号代表前面的字符可以不出现，也可以出现一次或者多次（0次、或1次、或多次）。
• 更多规则