这是我参与更文挑战的第 1 天，活动详情查看：更文挑战 前言 本文整理了前端面试高频出现的手写源码相关的题目 其中有小编面试亲自遇到的也有其他同学帮忙补充的

回忆往昔岁月，我做前端开发至今已3年有余，做过的项目大部分都是业务需求迭代，技术优化经验相对较少。去年承蒙leader信任，给予机会开始做公司项目的技术优化。技术优化的首次任务，就是对整体前端项目进行性能优化（编译优化+构建体积优化）。 项目简介：我们团队主要做的是SaaS项目…

遂卒.... 开玩笑的，既然提到了，又没回答上来什么，哎哟我这暴脾气，一想到今晚就睡不着，连夜把它撸了。 那么我们来从零写个插件吧。 你会发现Babel解析成表达式里面再嵌套表达式。 到这里，已经向你大概的讲解了，如何编写一个Babel插件，再也不怕面试官问我答不出什么了哈..…

从入门开始，react 系列的，会边学边写，从基础 -> hooks -> 源码 -> 面试题等等，也会写一些自己转变的过程，一起学习啦。

除了10种经典的排序算法，本文的下列算法，在前端开发中也会经常遇到。

在日常开发中，除了现成插件的使用外，还有很多问题是只能自己动手的。先抛出问题，当一个下拉列表的数据达到几千条甚至上万，这个时候浏览器已经会出现严重卡顿了。看看下面的例子 这个问题其实和表格数据是同一个性能问题，表格的解决方式是通过分页器来减少页面承载的数据量。那么下拉列表该如何…

摘要：本文给大家简单介绍了如何生成网站的性能分析报告。 本文分享自华为云社区《在瀑布下用火焰烤饼：三步法助你快速定位网站性能问题》，原文作者：Kagol 。

parseInt('1', 0)：radix的值为0，判断字符串发现介于1~9，用10进制转换，结果为1. parseInt('2', 1)：radix的值为1，如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。 parseInt('3', 2): …

一个类获取另一个或者多个类的属性或者方法。继承可以使得子类具有父类的各种方法和属性。以免重复输出很多代码。 复制父类的方法和属性来重写子类的原型对象。 1、简单易操作。 1、父类使用this声明的属性被所有实例共享。 原因是实例化是父类一次性赋值到子类实例的原型上，它会将父类通…