新一代构建工具(1)：对比rollup/parcel/esbuild—esbuild脱颖而出 webpack无疑是现在使用最多的构建工具，但也是踩着grunt gulp fis上位的。新一代诸侯中rollup parcel esbuild，简要概括下他们的优缺点。
web内容如何保护：如何有效地保护 HTML5 格式的视频内容? （Digital Rights Management）通过对数字内容进行加密和附件使用规则，对数字内容进行保护。提供了widevine、fairPlay、playReady等国际通用的保护机制。
中断操作：AbortController学习笔记 AbortController是一个DOM API。MDN上对它的介绍是 AbortController接口表示一个控制器对象。AbortController可以用在fetch和addEventListener，分别用来废弃请求和废弃监听器。这是一个
TML转义字符：xss攻击与HTML字符的转义和反转义 HTML常用转义字符对照表：最常用的字符实体 Character Entities、ISO 8859-1 (Latin-1)字符集、数学和希腊字母标志、重要的国际标记、JavaScript转义符、富文本通用转义字符、HTML特殊转义字符对照表
vue2升级vue3：webpack vue-loader 打包配置 虽然vite 很香，但是vite rollup 动态加载，多页面 等问题比较难搞。webpack vue3需要升级的npm 包有：vue-loader vue-template-compiler "
vue2升级vue3：this.$createElement is not a function—动态组件升级 vue2 动态组件加载，this $createElement非常好使！return this $createElement(chartPanel, {props:{}})，但是到vue3如何操作呢？
vue2升级vue3：class component的遗憾 the Class API proposal is being dropped。之前class components组件升级vue3，还是用composite api重头再来^
vue2升级vue3：TypeScript下vuex-module-decorators/vuex-class to vuex4.x 因为vue2 下vue-property-decorator +vue-tsx-support +vuex-module-decorators vuex-class ，class components 用的爽的也是不要不
vue2升级vue3： Event Bus 替代方案 Vue3 removed $on, $off and $once methods from the instance completely $emit is still a part of the existing API as it s used to trigger event handlers declaratively attached by a parent component
vue2升级vue3：vue2 vue-i18n 升级到vue3搭配VueI18n v9 项目从vue2 升级vue3，VueI18n需要做适当的调整。主要是Vue I18n v8 x 到Vue I18n v9 or later 的变化，其中初始化：具体可以参看
vue2升级vue3：Vue3时jsx组件绑定自定义的事件、v-model、sync修 踩坑笔记：组合式 API之Setup(props,context)—Vue2 x到Vue3注意Vue2的 sync修饰符转Vue3中v-model可以先看vue2的 sync 修饰符 文档：
vue2升级vue3：Vue2/3插槽——vue3的jsx组件插槽slot怎么处理 Vue3（其实从2 6开始）中引入了一个新的指令v-slot，用来表示具名插槽和默认插槽，可以在slot容器上使用v-slot来表示一个传入组件的插槽，通过指令参数来表示插槽的名称。 vue template中的slot插槽如何在JSX中实现呢？...
KCP协议：从TCP到UDP家族QUIC/KCP/ENET KCP是一个快速可靠协议，能以比 TCP浪费10%-20%的带宽的代价，换取平均延迟降低 30%-40%，且最大延迟降低三倍的传输效果。TCP为了实现网络通信的可靠性，使用了复杂的拥塞控制算法，建立了繁琐的握手过程以及重传策略。
instanceof运算符的实质：Java继承链与JavaScript原型链 Javainstanceofinstanceof 严格来说是Java中的一个双目运算符，用来测试一个对象是否为一个类的实例boolean result = obj instanceof Class其中 obj 为一个对象，Class 表示一个类或者一个接口，当 obj 为 Class 的对象，或者是其直接或间接子类，或者是其接口的实现类，结果result 都返回 true，否则返回false。总结就是： 只要判断对象obj 在 属于Class的继承链上，就返回true o..
从λ演算到函数式编程聊闭包(2)：彻底理解JavaScript闭包规则 闭包是很多语言都具备的特性，上篇《从抽象代数漫游函数式编程(1)：闭包概念再Java/PHP/JS中的定义》闭包的特性闭包有三个特性： 函数嵌套函数 函数内部可以引用外部的参数和变量 参数和变量不会被垃圾回收机制回收 在js中,闭包主要涉及到js的几个其他的特性：作用域链,垃圾(内存)回收机制,函数嵌套,等等。闭包（closure）是Javascript语言特色(函数式编程特色)，很多高级应用都要依靠闭包实现。但是JavaScript的一个难点，因为JavaScri
从λ演算到函数式编程聊闭包(1)：闭包概念在Java/PHP/JS中形式 什么是闭包如果让谷哥找一下“闭包”这个词，会发现网上关于闭包的文章已经不计其数维基百科上对闭包的解释就很经典：在计算机科学中，闭包（Closure）是词法闭包（Lexical Closure）的简称，是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在，即使已经离开了创造它的环境也不例外。所以，有另一种说法认为闭包是由函数和与其相关的引用环境组合而成的实体。 Peter J. Landin 在1964年将术语闭包定义为一种包含环境成分和控制成分的实体。百度百科：闭包是可以包含自由（未绑定
JIT-动态编译与AOT-静态编译：java/ java/ JavaScript/Dart乱谈 C 和 C++ 之类的编译语言性能远超Java，但是生成的代码只能在有限的几种系统上执行，这就有了Java的存在基础(JVM-跨平台）早期 Java 运行时所提供的性能级别远低于 C 和 C++ 之类的编译语言。最早的时候，java是由解释器(Interpreter),将每个java指令转译为对等的微处理器指令，并根据转译后的指令先后次序依序执行，一个java指令可能对应十几或者几十个对等微处理指令，运行的时候还要先解释，在硬件条件差的情况下，执行速度是可想而知有多慢的后面 Java 通过.
JS遍历循环方法性能对比：for/while/for in/for of/map/foreach/every 这周codeReview例会，又遇到map与foreach到底谁问题。从性能上来讲，我会选择map。但是从语义的角度来讲，如果只是单纯遍历，还是推荐选择foreach。其实formap 与foreach，性能相差不大（个人测试数据在10000000，最后有测试案例）。从性能上考量，我从eslint上禁止 for in。之前在gem代码重构的过程中，讲了很多次 for in for map foreach等遍历情况，但是没有过系统性地解析。这次决定 把之前看的东西，东拼西凑地再来一篇总结。遍历数组
讲透学烂二叉树(六)：二叉树的笔试题:翻转|宽度|深度 翻转|镜像二叉树华为面试题——将二叉树的两个孩子换位置，即左变右，右变左。90% of our engineers use the software you wrote (Homebrew), but you can’t invert a binary tree on a whiteboard so f* off.递归实现先序遍历每个结点，翻转每个结点。下面来分析具体的实现思路： 对于根结点为空的情况 这种情况需要排除，因为null不是一个对象，不可能存在左右子树并且可
关注
