二维数组的排列组合 给一个数组类似[["0","1"],["a","b"],["m","n"]],得到结果["0am","0an","0bm","0bn","1am","1an","1bm","1bn"] {代码...} reduce实现map {代码...}

鼠标移动到一个元素上，另一个元素样式改变 如上图所示，鼠标hover在红色方块，蓝色方块样式改变实现代码:蓝色方块必须写在在红色方块里面。 {代码...}

概述 排序算法 思路 时间复杂度 空间复杂度 稳定性 冒泡排序 两两比较，将较大（或较小）的元素换到后面，每轮比较后数组后面都是排序好的 O(n^2) O(1) 稳定 插入排序 将待插入的元素依次与前面已排序的元素对比，插入到正确的位置 O(n^2) O(1) 稳定 归并排序 分治，...

**二叉树是一种数据结构。其特点是： 1.由一系列节点组成，具有层级结构。每个节点的特性包含有节点值、关系指针。节点之间存在对应关系。 2.树中存在一个没有父节点的节点，叫做根节点。树的末尾存在一系列没有子节点的节点，称为叶子节点。其他可以叫做中间节点。 ...

{代码...}

这种类型题目大多是第一个输入为数据的组数，然后会输入这几组数据，即为1+n模式。所以每组数据的第一个一定是接下来要获取输入的行数，后面这部分相当于已知行数，只需要在上面的基础上添加获取行数逻辑即可。

强Etag根据配置文件中的配置来设置Etag值，默认的Apache的FileEtag设置为：FileEtag: INode Mtime Size也就是根据这三个属性来生成Etag值，他们之间通过一些算法来实现，并输出成hex的格式，相邻属性之间用-分隔，比如：Etag "2e681a-6-5d044840"这里面的...

浏览器渲染页面前会解析HTML脚本构建DOM树，在这个过程中，如果遇到一个脚本(script)，就会停下来执行这个脚本，如果这个脚本是引用的外部资源，必须停下来等待这个资源的下载和执行，然后继续解析HTML。

移动互联网时代，用户对于网页的打开速度要求越来越高。首屏作为直面用户的第一屏，其重要性不言而喻。优化用户体验更是我们前端开发非常需要 focus 的东西之一。

本文翻译自：[链接] 创建一个自己的 React 版本 从头开始，下面这些是我们将要添加到我们的 React 版本中的内容。 Step 1: createElement 函数 Step 2: render函数 Step 3: Concurrent Mode 并发模式 Step 4: Fibers Step 5: Render and Commit Phases 渲染和提交阶...

javascript日期处理合集 {代码...} 格式化日期 XXXX-MM-DD-HH-MM-SS {代码...} 获取本周、本季度、本月、上月的开始日期、结束日期 {代码...} 格式化日期：yyyy-MM-dd {代码...} 获取n个月后的日期 {代码...} 获取当天的凌晨时间 {代码...} 获取当天23：59：59的时间...

使用create-react-app创建项目 首先使用create-react-app创建项目 {代码...} 进入项目 {代码...} 暴露出配置 {代码...} 配置less （先安装npm i less@^2.7.3 less-loader） {代码...} {代码...} 按需加载antd（npm i babel-plugin-import）便于前端性能优化 {代码...}

函数节流（throttle） {代码...} 函数防抖（debounce） {代码...}

我们先看一下效果图： 这是搜索关键字cfg时，会自动匹配到config方法 同样，我们再看另一个例子 通过关键字bi会匹配到好几个结果 这个和一些编辑器的搜索功能很像，比如sublime text，不需要知道关键字的完整拼写，只需要知道其中的几个字母即可。 那么这个功能在前...

效果： 第二种简单的方法：我们需要借助 Chrome 的书签功能。 打开书签管理页 右上角三个点「添加新书签」 名称随意，粘贴以下代码到网址中 {代码...} 然后我们就可以在任意网站上点击刚才创建的书签，内部会判断是否存在调试的 style。存在的话就删除，不存在的话就...

前端跨域解决方案(11种方案详细笔记) 一、跨域问题的产生及其价值意义 跨域（非同源策略请求），是由浏览器的安全机制引起的。三者都一样就是同源，只要有一个不同就是跨域 协议 域名 端口号WEB服务器地址：[链接]:3000/index.html数据接口地址：[链接]:4000/list 前...

原文链接： 原文链接 多年来，我已经看到许多关于JavaScript函数调用的困惑。特别是，许多人抱怨函数调用中的this语义令人困惑。 在我看来，通过理解核心函数调用语句，然后在该原语之上查看以糖为例调用功能的所有其他方式，可以消除许多此类混淆。 核心原函数 首先...

发送多个异步请求， 请求1： {代码...} 请求2： {代码...} Promise.all([]),参数是由多个请求组成的一个数组，返回的res是多个请求返回结果组成的数组。 {代码...}

对 create-react-app 的默认配置进行自定义，这里我们使用 react-app-rewired（一个对 create-react-app 进行自定义配置的社区解决方案）。

getRandomColor获取随机颜色 : {代码...}