原理的趣味题
7篇文章 · 0订阅
  • 应用性能前端监控，字节跳动这些年经验都在这了
    字节跳动发展至今， 随着用户数量的不断增长，对于站点体验衡量的的需求也日益紧迫，用户会将产品和他们每天使用的体验最好的 Web 站点进行比较……
    前端 JavaScript 架构
    应用性能前端监控，字节跳动这些年经验都在这了
  • 32个手写JS，巩固你的JS基础（面试高频）
    作为前端开发，JS是重中之重，最近结束了面试的高峰期，基本上offer也定下来了就等开奖，趁着这个时间总结下32个手写JS问题，这些都是高频面试题，希望对你能有所帮助。 当然也可以用include、filter，思路大同小异。 类数组是具有length属性，但不具有数组原型上的…
    JavaScript
    32个手写JS，巩固你的JS基础（面试高频）
  • [译]动态导入、代码分割、延迟加载和错误边界
    本文是有关如何使用动态导入(dynamic import)的详细指南，该功能可实现代码分隔和延迟加载，另外还介绍了如何使用错误边界(error boundaries)来捕获错误。 import()当前处于TC39流程的第4阶段，在JavaScript中以类函数的方式加载模块。 …
    React.js
  • 前端监控平台系列：JS SDK（已开源）
    一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的，所以只需要重写这两个事件就可以拿到所有的接口请求的信息…
    JavaScript
  • 为什么 Vue 中不要用 index 作为 key？（diff 算法详解）
    Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…
    Vue.js 面试
  • 手写 new, call, apply, bind, reduce, currying， 防抖节流 源码，并配上详细分析
    写这些主要是为了回顾与沉淀，再次编写的过程中也会提出自己的一些理解，有不恰当的地方希望指出。 在这里推荐一个线上 IDE, 我没事敲一些代码 demo 就用它了 StackBlitz，还是比较好使的，但是推荐在设置中改为保存的时候再更新，不然编写的时候更新太频繁会经常出问题。 …
    JavaScript
  • 为什么说 Vue 的响应式更新精确到组件级别？（原理深度解析）
    我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。 我们在触发 this.msg = 'Hello, Changed~'的时候，会触发组件的更新，视图的重新渲染。 但是 <ChildComponent…
    Vue.js 面试