02 2021 档案
摘要：React组件复用的方式 现前端的工程化越发重要，虽然使用Ctrl+C与Ctrl+V同样能够完成需求，但是一旦面临修改那就是一项庞大的任务，于是减少代码的拷贝，增加封装复用能力，实现可维护、可复用的代码就变得尤为重要，在React中组件是代码复用的主要单元，基于组合的组件复用机制相当优雅，而对于更细
阅读全文
摘要：Vue为何采用异步渲染 Vue在更新DOM时是异步执行的，只要侦听到数据变化，Vue将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更，如果同一个watcher被多次触发，只会被推入到队列中一次，这种在缓冲时去除重复数据对于避免不必要的计算和DOM操作是非常重要的，然后，在下一个的事件循环ti
阅读全文
摘要：top命令 top命令提供运行系统的动态实时视图，其可以显示系统摘要信息，以及当前由内核管理的进程或线程的列表，显示的系统摘要信息的类型以及为任务显示的信息的类型、顺序和大小都是用户可配置的。 语法 top -hv | -bcHisS -d delay -n limit -u|U user | -p
阅读全文
摘要：Rollup的基本使用 rollup.js是一个模块打包工具，可以使项目从一个入口文件开始，将所有使用到的模块文件都打包到一个最终的发布文件中，Rollup极其适合构建一个工具库，Vue.js源码就是通过Rollup打包构建的。 描述 rollup对代码模块使用新的标准化格式，这些标准都包含在Jav
阅读全文
摘要：curl命令 curl是一个命令行工具，用于使用任何受支持的协议HTTP、FTP、IMAP、POP3、SCP、SFTP、SMTP、TFTP、TELNET、LDAP或FILE向网络服务器传输数据或从网络服务器传输数据，其被设计成无需用户交互即可工作，因此非常适合在shell脚本中使用，该软件提供代理支
阅读全文
摘要：ip命令 ip命令与ifconfig命令类似，但比ifconfig命令更加强大，主要功能是用于显示或设置网络设备、路由和隧道的配置等，ip命令是Linux加强版的的网络配置工具，用于代替ifconfig命令。 语法 ip [ OPTIONS ] OBJECT { COMMAND | help } i
阅读全文
摘要：journalctl命令 journalctl命令是Systemd日志系统的一个命令，主要用途是用来查看通过Systemd日志系统记录的日志，在Systemd出现之前，Linux系统及各应用的日志都是分别管理的，Systemd取代了initd之后便开始统一管理了所有Unit的启动日志，可以只用一个j
阅读全文
摘要：systemctl命令 Systemd是一个命令组，涉及到系统管理的方方面面，而systemctl是Systemd的主命令，用于管理系统。 描述 在历史上Linux的启动一直采用init进程，这种方法有两个缺点，一是启动时间长，init进程是串行启动，只有前一个进程启动完，才会启动下一个进程，二是启
阅读全文
摘要：kill命令 kill命令向指定的pid进程发送信号，如果不指定要发送的signal信号，则默认情况下signal是SIGTERM，它会终止进程，要列出所有可用信号，可以使用-l选项获取Linux信号列表，经常使用的信号包括HUP、INT、KILL、STOP、CONT和0，可以通过三种方式指定信号:
阅读全文
摘要：route命令 在计算机网络中，路由器是负责转发网络流量的设备，当数据报到达路由器时，路由器必须确定将其路由到目的地的最佳方法，route命令用于查看和更改内核路由表，在不同的系统上，命令语法不同，所以实际时可以查看命令的帮助来确定具体使用方法。 语法 route [-CFvnee] route [
阅读全文
摘要：traceroute命令 traceroute命令尝试跟踪IP数据包到某个Internet主机的路由，方法是使用一个小ttl(生存时间)启动探测数据包，然后侦听来自网关的ICMP超时回复，它以ttl为1开始探测，并将其增加1，直到获得ICMP port unreachable或TCP reset，这
阅读全文
摘要：ifconfig命令 ifconfig代表interface configuration，其用于查看和更改系统上网络接口的配置。 语法 ifconfig [-a] [-v] [-s] <interface> [[<AF>] <address>] [add <address>[/<prefixlen>
阅读全文
摘要：netstat命令 netstat命令显示各种网络相关信息，例如网络连接、路由表、接口统计信息、伪装连接、多播成员身份等。 语法 netstat [address_family_options] [--tcp|-t] [--udp|-u] [--raw|-w] [--listening|-l] [-
阅读全文
摘要：ps命令 Linux是一个多任务、多用户的操作系统，因此它允许多个进程同时运行而不相互干扰，进程是Linux操作系统的重要基本概念之一，进程是程序的执行实例，在操作系统中执行不同的任务。Linux为我们提供了一个名为ps的实用程序，用于查看与系统上的进程相关的信息，它是process status进
阅读全文
摘要：Vue3.0新特性 Vue3.0的设计目标可以概括为体积更小、速度更快、加强TypeScript支持、加强API设计一致性、提高自身可维护性、开放更多底层功能。 描述 从Vue2到Vue3在一些比较重要的方面的详细对比。 生命周期的变化 Vue2 -> Vue3 beforeCreate -> se
阅读全文
摘要：Shadow DOM的理解 Shadow DOM是HTML的一个规范，其允许在文档document渲染时插入一颗DOM元素子树，但是这棵子树不在主DOM树中，Shadow DOM如果按照英文翻译的话可以翻译为影子DOM，是一种不属于主DOM树的独立的结构。 描述 Web components的一个重
阅读全文
摘要：解决ufw下pptp客户端连接问题 解决ubuntu在启动ufw的情况下pptp客户端无法链接的问题。 修改/etc/ufw/before.rules 在COMMIT之前添加如下内容： -A ufw-before-input -p 47 -j ACCEPT 修改/etc/default/ufw 在I
阅读全文
摘要：Event对象 Event对象表示在DOM中出现的事件，在DOM中有许多不同类型的事件，其主要使用基于Event对象作为主接口的二次接口，Event对象本身包含适用于所有事件的属性和方法。 描述 事件有很多类型，一些事件是由用户触发的，例如鼠标或键盘事件，而其他事件常由API生成，例如指示动画已经完
阅读全文
摘要：Js中的位操作符 JavaScript的数字类型为双精度IEEE 754 64位浮点类型，但是在位运算中位运算符用于32位的数字上, 任何的数字操作都将转为32位, 运算结果再转化为Js数字类型。 描述 所有的按位操作符的操作数都会被转成补码形式的有符号32位整数，从概念上讲，按位逻辑操作符按遵守下
阅读全文
摘要：深入理解Js中的this JavaScript作用域为静态作用域static scope，但是在Js中的this却是一个例外，this的指向问题就类似于动态作用域，其并不关心函数和作用域是如何声明以及在何处声明的，只关心它们从何处调用，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才
阅读全文
摘要：HTMLElement对象 任何HTML元素都继承于HTMLElement对象，一些元素直接实现这个接口，而另一些元素通过多层继承来实现它。 属性 从其父元素Element继承属性，并从DocumentAndElementEventHandlers、ElementCSSInlineStyle、Glo
阅读全文
摘要：CSS实现渐隐渐现效果 实现渐隐渐现效果是比较常见的一种交互方式，通常的做法是控制display属性值在none和其它值之间切换，虽说功能可以实现，但是效果略显生硬，所以会有这样的需求——希望元素消失时具有平滑的效果。 实现 opacity opacity是用以设置透明度的属性，单纯将opacity
阅读全文
摘要：替换后的最长重复字符 给你一个仅由大写英文字母组成的字符串，你可以将任意位置上的字符替换成另外的字符，总共可最多替换k次。在执行上述操作后，找到包含重复字母的最长子串的长度。 注意：字符串长度 和k不会超过104。 示例 输入：s = "ABAB", k = 2 输出：4 解释：用两个'A'替换为两
阅读全文
摘要：实现三栏布局 三栏布局在开发十分常见，即两边固定宽度，中间自适应宽度的布局。 Flex 使用CSS3的flex布局实现三栏布局，Flex布局也称弹性布局，可以为盒状模型提供最大的灵活性，是布局的首选方案，现已得到所有现代浏览器的支持，此处主要是利用flex容器成员默认按照主轴排列，以及利用flex属
阅读全文