我是格鲁特

摘要： 核心思路： 设定概率： 奖项1概率：5% 即 [0 - 0.05) 的范围 奖项2率：10%. 即 [0.05 - 0.1) 的范围。注：为什么是从0.05开始？因为<0.05的话就是中了上一个奖 不中奖. 即 [0.05 - 1) 的范围 要提高中奖难度，可以通过 缩小中奖概率区间 来减少中奖的机 阅读全文

摘要： 特性WebpackRollupViteRspackSWCEsbuild 文件输入 单文件或多文件 单文件或多文件 单文件或多文件 单文件或多文件 单文件或多文件 单文件或多文件 原目录输出 ✅ 支持 ✅ 支持 ✅ 支持 ✅ 支持 ❌ 不支持 ✅ 支持 文件捆绑 ✅ 支持 ✅ 支持 ✅ 支持 ✅ 支持 阅读全文

摘要： 使用JSON.parse(Json.stringify())实现深拷贝有哪些坑? 如果属性值是undefined、或者函数，序列化后属性丢失； 如果属性值是RegExp、Error对象，序列化后值是{}; 如果属性值是NaN、Infinity和-Infinity，则序列化的结果会变成null 因此一 阅读全文

摘要： 一、webpack热更新原理 1.使用 webpack-dev-server (后面简称 WDS)托管静态资源、提供websocket服务 2.webpack打包时会将HMR Runtime和源代码一起编译成 bundle 文件。HMR Runtime主要 负责接收服务发送的websocket消息， 阅读全文

摘要： 二分查找算法，也称折半搜索算法，是一种在有序数组中查找某一特定元素的搜索算法。算法思想是不断的缩小查找范围。 思路步骤 1️⃣ 确定基准： 选定数组的中间元素（基准值）。 如果数组大小为偶数，通常选择中间的 右侧元素（也可以选择左侧元素，但不影响算法效果）。 2️⃣ 分割数组： 将数组分成两半，基准 阅读全文

摘要： 刚接触bable的同学可能会认为使用了Babel，配置了preset预设后就可以愉快的使用 es6+做开发了，事实上，在默认情况下Babel只会做语法转换(let、const、class、箭头函数等)，而不做新api的转换，新的api总结起来分为两类： 全局对象和全局对象相关的方法，例如Promis 阅读全文

摘要： 一、配置文件 几乎所有的前端工程师都知道可以用babel将es6+的语法转换为es5，转换工具要么使用babel-cli，要么使用webpack的babel-loader，不管使用哪种转换工具，通常都需要一个配置文件来建立转换规则（也可以在webpack的babel-loader的配置项，原理都一样 阅读全文

摘要： 一、场景 0.1 + 0.2 = 0.30000000000000004 1.5 - 1.2 = 0.30000000000000004 19.9 * 100 = 1989.9999999999998 0.3 / 0.1 = 2.9999999999999996 二、原因 js中的数字只有 Numb 阅读全文

摘要： 事件绑定方法 Html事件处理程序-直接在元素上指定事件及相应的处理程序，事件处理程序中可直接访问event对象（不需要用参数接收event独享），this指向当前元素，同时还扩展了this和document的作用域，即访问对象的属性或方法时可以省略this或document Dom0级事件处理程序 阅读全文

摘要： 面试中经常会问到防抖、节流、函数柯里化，其他的一般不会问。 防抖函数(debouncing) 核心思想：对同一个函数进行连续调用时，只有最后次调用生效， 实现方式：使用setTimeout方法，每次调用时，清除上一次的timer,并将本次的timer记录下来就可以保证只有最后一次调用会生效 func 阅读全文

摘要： 因为 Math.random() 制造的随机数范围是[0, 1)想要生成16到22之间的随机数(即最小值m=16，最大值n=22)，首先需要计算出最大值与最小值的差range=m-n 随后把[0, 1)这个区间的随机数乘以range，区间就拓展到[0, 6)。在此基础之上再加最小值，范围就移动到[1 阅读全文

摘要： 一、Loader写法及执行顺序 从webpack2起，loader的格式如下： module: { rules: [ {test: /\.css$/, use: ['style-loader','css-loader']}, ] } webpack1中的写法如下： module: { loaders 阅读全文

摘要： 核心思路（分治思想） 快速排序采用**分治（Divide and Conquer）**的思想，基本步骤如下： 选取基准（Pivot）：从数组中选择一个“基准值”。 分区（Partition）： 将数组分成两部分：小于基准值的放左边，大于基准值的放右边（可原地交换实现）。 递归排序（Recursion 阅读全文

摘要： 一、什么是BFC css布局主要采用盒子模型（BOX），元素的类型和 display 属性，决定了 Box 的类型，常见的盒子类型有两种： block-level box:display 属性为 block, list-item, table 的元素，会生成 block-level box。 inl 阅读全文