WindRunnerMax

摘要： 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属 阅读全文