面试官灵魂一问： 你知道 Babel 是如何编译 Async/Generator的吗？ polyfill 后的代码既然想知道其原理，那么自然是要看下 polyfill后的代码的，直接到 Babel官网的REPL在线编辑器上，配置好 presets 和 plugins后，输入你想要转化的代码，ba ...

一个前端交流群的一道面试题 只修改start方法,实现id 从0到4 依次输出 1234567/*id:0id:1id:2id:3id:4*/ 12345678910111213141516171819202122function start(id) { // 只修改start方 ...

大家都玩过朋友圈，朋友圈的图片查看会有一个图片从当前图片放大到全屏的效果。图片查看完毕会有一个渐变opacity从1到0，然后收缩到原始的缩略图的效果。以前在微博流也做过类似的动画效果，每次点击创建标签在当前图片下，增加动画效果。 现在这个动画有一个优雅的名称，这个东西叫 FLIP 某次被问到如 ...

Web Components才是组件化的未来 上一时代的牺牲品是jQuery，如今Web Components被越来越多的浏览器所支持，React,Vue或许是下一个“祭品”。 组件化、复用，这几乎是所有开发者追求的东西。Web Components就是为此而提出。可以使用来创建封装功能的定制元素 ...

前言今天下午在阅读Vue3，Component相关源码时，发现了这么一段注释。（源码地址 91行：packages/runtime-core/src/componentProxy.ts） This getter gets called for every property access on th ...

JavaScript相关的数据结构 JavaScript相关的数据结构 列表 列表的抽象数据类型定义 实现列表类 append 给列表添加一个元素 find 从列表中查找某一个元素 remove 从列表中删除一个元素 length 列表中有多少个元素 toString 显示列表中的元素 inser ...

前言曾经，我接手了一份大佬的代码，里面充满了各种“骚操作”，还不加注释那种，短短几行的函数花了很久才弄懂。 正文位运算JavaScript 中最臭名昭著的 Bug 就是 0.1 + 0.2 !== 0.3，因为精度的问题，导致所有的浮点运算都是不安全的，具体原因可详见《0.1 + 0.2不等于0.3 ...

AST为什么要谈AST（抽象语法树）?如果你查看目前任何主流的项目中的devDependencies，会发现前些年的不计其数的插件诞生。我们归纳一下有：javascript转译、代码压缩、css预处理器、elint、pretiier，Tree-Sharking等。有很多js模块我们不会在生产环境用到 ...

Composition API RFC不得不说，vue的语法，越来越react了，感觉vue3发布后，会有更多人专项react了 vue2实现计算属性和点击累加的代码就不看了，大家都会，看下vue3的 我们执行npm run dev 调试打个包 12345678910111213141516171 ...

何为“同构” 简单来说就是“同种结构的不同表现形态”。在这里我们用更通俗的大白话来解释react同构就是： 同一份react代码在服务端执行一遍，再在客户端执行一遍。 同一份react代码，在服务端执行一遍之后【生成源数据源】，我们就可以生成相应的html,但是服务器环境不能绑定事件。所以再在客 ...