✨
blog
  • Blog
  • Element-UI
    • 2019-09-04
  • JS
    • ES6 之 Set 和 Map
    • let 和 const 声明常见概念
    • 元编程
    • ES6之字符串的扩展
    • ES6 之异步流程的前世今生(上)
    • ES6之异步流程的前世今生(下)
    • ES6 之模块你知吗
    • ES6 之解构赋值与箭头函数的妙用
    • 迭代器
    • ES5 之原型(一)
    • ES6之类(二)
    • es7之装饰器
    • es6之数组详解
    • js之this指向
    • 对象
    • vue项目配合使用canvas联动
    • 本文解决痛点:对象里面是否有值
  • MAC
    • vue源码之method
    • Mac的使用技巧
    • 前文
    • Mac常用软件(二)
    • 如何查看 Mac 端口号以及占用情况
  • Node
    • Node之Buffer详解
    • 浏览器与 node 的事件循环(event loop)有何区别
    • Node之多线程
    • node之模块解析(一)
    • 错误捕获与内存告警
  • TS
    • Record
    • 使用方法
    • 工具泛型
    • 类型体操
    • 泛型
  • chrome
    • v8 引擎
    • v8 垃圾回收机制
    • 浏览器的知识
  • flutter
    • 路由
    • 页面布局
  • go
    • index
  • html&css
    • 两栏布局
    • ES5和ES6的区别
    • ES5 和 ES6 的区别
    • HTTP详解
    • TCP 与 UDP 的区别
    • MDN
    • css modules 使用教程
    • css 居中
    • 拖拽
    • flex布局
    • h5 新增特性 html5
    • history 与 hash 路由策略
    • position 定位方式
    • rem布局
    • svg
    • web性能优化
    • 事件循环
    • 从输入网址后发生了什么
    • 前端状态管理
    • 圣杯布局与双飞翼
    • 性能优化 页面的性能统计指标
    • 本地存储的几种对比
    • 浏览器的渲染进程
    • 浏览器缓存策略详解
    • 盒模型
    • 为什么要移动端适配
    • 跨域的 N 种实现方式
  • web3
    • 常见概念
    • vue项目配合使用canvas联动
  • webgl
    • Mac使用技巧(二)
    • Node之模块解析path
  • 代码库
    • documeng的一些常见操作
    • eventBus事件
    • jquery提交
    • jquery的一些常见操作
    • 常见操作
    • 数组polyfill
    • TS代码片段
      • 面试官眼中的test unit
  • 全年安排
    • AfterShip
    • 大企业
  • 函数编程题
    • Promise问题
    • 继承
  • 前端早早聊
    • vue生态
    • 开发一款VScode语言插件
    • 简历回顾和进行复盘
    • 重新认知性能优化及其度量方法
    • 2022-09-17-音视频专场.md
      • 2022-09-17-音视频专场
    • 前端晋升专场
      • 成长的诀窍是靠自己
      • 销销帮
    • 前端监控专场
      • 字节前端监控实践
      • 李港:大前端-从无到有搭建自研前端监控系统
    • 前端跳槽
      • 50个面试官在线招聘
      • 如何识别优秀的前端猎头来跳槽大厂
      • 面试套路
    • 支付宝
      • 面试
    • 管理专场
      • 芋头:管理者眼中的web技术发展前沿
    • 组件专场
      • 基于webCompents的跨技术组件库实践
    • 面试
      • 面试辅导问题
      • 早早聊面试
      • 前端沙箱是什么? 怎么实现沙箱环境?
  • 常见总结
    • 2018年终总结-年底了,你总结了吗?我先来
    • 在逆境中成长
    • 2021年终总结
    • 2024年全年总结
    • 项目
    • Tell2.0 前端复盘
    • 复盘
    • 前端工程师素养
    • 学习方法论
    • 希望与破晓| 2022 年终总结
    • 新起点, 新征途 | 掘金年度征文
    • 稳定| 2023 年终总结
    • 趁着有风快飞翔 | 2019 年终总结
    • AfterShip
      • Emotion:用 JavaScript 编写 CSS 的强大工具
      • 个人中长期目标
      • 事故复盘
      • 时间解析
      • 国内外区别
      • 独立站建设
    • MEIZU
      • NativeApp与H5通信原理
      • SSR 原理
      • SSR的常见问题
      • CLI
      • electron 应用发布流程
      • electron
      • electron 面试
      • 数据结构与算法之美
      • mgc 一期复盘
      • 架构原理
      • 喵币管理
      • 三期复盘总结
      • 异常监控之 sentry 实践
      • 微前端
      • qiankun 原理解析
      • 快游戏一期
      • 游戏中心复盘
    • 个人准则
      • index
    • 编程猫
      • pc 接入 micro bit 方案
      • prompt engineer
      • web work 跨域解析与解决方式
      • web 中的 ai
      • 低版本 node 环境下 ffmpeg 的使用
      • 关于 taobao 源 https 过期
      • 加密 json
      • 安卓 5 和 6 的白屏解决
      • 性能排查与优化实践
      • 探月接入
      • 接入硬件
      • 新生态下的state
      • monorepo 包管理方式
      • 自修复 npm 库
      • 音频的绘制
    • 谨启
      • 音视频
      • 小程序
        • taro 规范
        • 结合 mobx 在跳转前预请求
        • Taro 浅析用法与原理
        • 前文
        • 小程序优化指南
        • 小程序内部实现原理
        • 支付相关
    • tencent
      • TAPD
        • MathJax的食用
        • canvas渲染优化策略
        • 为什么 JavaScript 是单线程的呢?
        • svg 总是不对
        • 前端库
        • 原生端和js端如何通信
        • 在旧项目中复用vue代码
        • 提升自我
        • 批量编辑优化
        • 插入业务对象
        • 编辑器
        • 挂载点
        • 性能优化对比
        • 遇到的问题
        • 项目迁移公告
        • 领导力
      • 行家
        • 实战篇
        • 职业发展、领导力、个人成长
        • 高质量沟通
  • 慕课网
    • react-native原理
    • react-native学习
  • 杂文
    • Dom 节点变动检测并录制的简单实现
    • 错误监控&错误捕获
    • NextJS与NuxtJS
    • 负载均衡的几种常用方式
    • PM2
    • service worker 控制网络请求?
    • SSL 和 TLS 的区别
    • Babel 你太美
    • echart踩坑经验
    • keyup、keydown你都知道有什么区别吗
    • 常见概念
    • 首屏加载优化与性能指标分析
    • preload 和 prefetch 的详解
    • 在项目中配置这几个关系
    • roullp 解析
    • tinymce原理浅析
    • wasm 在前端的应用
    • websocket
    • webworker
    • 项目
    • 从 ajax 到 axios
    • 从postcss 到自己开发一款插件
    • 从输入浏览器到页面展示涉及的缓存机制
    • 代码整洁之道
    • 你知道什么是aop吗
    • 函数式编程
    • 函数式编程指南
    • 前端input框文字最大值
    • 攻坚战
    • 前端书写 sdk
    • 前端文字转语音播放
    • 前端领域的 Docker 和 Kubernetes
    • 前端安全
    • 前端进阶之内存空间
    • 前端音频浅析
    • 十分钟搞定多人协作开发
    • 字符串的比较
    • 尾递归
    • 前文
    • 常见的算法可以分为以下三类
    • 手机调试--mac篇
    • 数组的原生系列
    • COOP 和 COEP - 新的跨域策略
    • 浅谈react组件书写
    • 浏览器与 Node.js 事件循环的区别
    • 由三道题引伸出来的思考
    • 移动端300ms点击延迟
    • 移动端和pc端事件
    • Git 常见疑惑
    • 我们离发 npm 包还有多远
    • 重绘和重排
    • AI 时代下的前端编程范式
    • 音频可视化实战
  • 极客时间
    • Serverless入门课
    • 二分查找
    • 二叉树
    • 全栈工程师
    • 动态规划面试宝典
    • 前端与rust
    • 散列表
    • 前端方面的Docker和Kubernetes
    • 栈
    • 深入浅出区块链
    • 玩转 vue 全家桶
    • 玩转 webpack
    • 程序员的个人财富课
    • 算法
    • 说透元宇宙
    • 跳表
    • 链表
    • 10x 程序员工作法
      • index
    • Node开发实战
      • HTTP服务的性能测试
      • JavaScript语言精髓与编程实战
      • 什么是node。js
      • svg精髓
    • ReactHooks核心原理与实战
      • ReactHooks核心原理与实战
    • Rust
      • Rust编程第一课
      • 前置篇
      • 深度思维
      • 重构
      • 类型体操
      • 基础知识
    • WebAssembly入门课.md
      • 基础篇
      • SSR的注水和脱水
      • jsBriage通信原理
      • 基础知识篇
    • 互联网的英语私教课
      • 互联网人的英语私教课
    • 代码之丑
      • 代码之丑
    • 前端全链路优化实战课
      • 网页指标
    • 图解 Google V8
      • 图解 Google V8
    • 浏览器工作原理与实践
      • 浏览器工作原理与实践
    • 算法面试通关 40 讲
      • 算法面试通关40讲
    • 跟月影学可视化
      • index
    • 软件设计之美
      • 软件设计之美
    • 重学前端
      • js
  • 后续的文件增加都会增加到上面并以编号对应
    • 1029. 两地调度
    • 151.翻转字符串里的单词
    • 2022.3.15
    • 前端数据结构
    • 前端常见算法
    • 前端常见排序
    • 恢复一棵树
  • 设计模式
    • 前端常见设计模式之MVC与MVVM
    • 前端之代理模式
    • 前端常见设计模式之单例模式
    • 前端常见设计模式之发布订阅模式
    • 前端之工厂模式
    • 观察者模式
    • 前端常见设计模式之适配器模式
  • 译文
    • [译] 如何使用CircleCI for GitHub Pages持续部署
    • 您是否优化了 API 的性能
    • [译][官方] Google 正式发布 Flutter 1.2 版本
    • 什么是 Deno ,它将取代 NodeJS ?
  • 读后感
    • JavaScript二十年
    • 1368个单词就够了
    • js编程精解
    • labuladong 的算法小抄
    • lodash常用方法
    • vue的设计与实现
    • 所有的静态资源都是get请求
    • 人生
    • 人生护城河
    • 你不知道的JavaScript
    • 前端核心知识进阶
    • 华为工作法
    • 反脆弱
    • 好好学习
    • 左耳听风
    • 摩托车维修之道
    • 数学之美
    • 深入理解svg
    • 浏览器的ESM到底是啥
    • 经济学原理
    • 编程珠玑
    • 防御式 css 精讲
    • 韭菜的自我修养
  • 雪狼
    • 2022-07-17
    • 基础知识
    • 阶一课程
      • 实战辅导一
      • 实战辅导二
  • 嵌入式
    • 树莓派
      • 排序
  • 源码
    • React
      • 核心知识点
      • errorBoundaries
      • immutable.js 的实现原理
      • React.Suspense
      • react源码分析之Fiber
      • batchedUpdate
      • Component
      • Context
      • react 源码分析之 diff 算法
      • React 中的 key 属性:原理、使用场景与注意事项
      • 使用方式
      • react源码分析之memo
      • react 源码分析之mixin
      • 实战篇
      • react源码分析之react-dom
      • 使用方式
      • scheduleWork
      • useImperativeHandle的使用与原理
      • React 书写小技巧
      • 入口和优化
      • 合成事件和原生事件的区别
      • react 性能优化
      • 构建一个 hooks
      • 浅析 styled-components
      • 生命周期
      • 组合 vs 继承
      • 通信机制
      • 高阶组件
      • 慕课网
        • 应用篇
        • 课程导学
    • ReactHook
      • useCallback
      • useContext
      • useEffect 与 useLayoutEffect
      • useHook
      • useMemo
      • useReducer
      • 原理
      • useState
      • 总结
    • Redux
      • mobx 原理解析
      • redux-saga
      • redux-thunk
      • Mobx 和 Redux 对比
      • 使用方法
      • redux 原理
    • Vite
      • Vite原理
      • Vite配置
      • 热更新原理
      • vite 为什么生产环境用 Rollup
    • Webpack
      • PostCSS
      • Webpack5 核心原理与应用实践-loader
      • Webpack5 核心原理与应用实践-plugin
      • Webpack5 核心原理与应用实践
      • 区分
      • 升级详情
      • treeShaking(树摇Tree Shaking)
      • 编写一个自己的webpack插件plugin
      • 代码分离(code-splitting)
      • webpack 打包优化
      • 基础配置
      • webpack 打包优化
      • webpack 工作原理
      • webpack 按需加载原理
      • webpack 热更新 HMR(Hot Module Replacement)
      • 缓存
      • webpack 自定义 plugin
    • next
      • tailwind
      • 什么是水合
    • sveltejs
      • index
    • tinymce
      • 并发篇
    • 源码手写系列
      • create
      • call
      • bind
      • call
      • es6 单例
      • forEach vs Map
      • instanceOf
      • new
      • reduce
      • 取两个重复数组的交集
      • 函数柯理化
      • 动态规划
      • 基于Generator函数实现async
      • 新建 js 文件
      • 手写一个 slice 方法
      • 手写一个 webpack loader
      • Plugin
      • 手写一个寄生组合式继承
      • 二叉树
      • 链表相关的操作
      • 手动实现发布订阅
      • 数组去重
      • 数组扁平化
      • 数组
      • 构造大顶堆和小顶堆
      • 深浅拷贝 深拷贝
      • 两者对比
    • vue
      • vue2
        • vm.attrs与$listeners
        • vue 和 react 的 diff 算法比较
        • vue 源码分析
        • vue 优化的 diff 策略
        • extends
        • 核心原理篇
        • keep-alive
        • vue 源码分析之 mixins
        • vue 源码分析之 nextTick
        • vue之slot
        • vnode
        • vue 源码分析之 watch
        • 原理
        • vue 源码分析之transition
        • vue 源码分析之异步组件
        • 调用的是 watch
        • 安装
        • react源码分析之portals
        • event 的实现原理(事件的实现原理)
        • 什么是h
        • 分析provide 和 inject
        • vue 源码分析之 use
        • v-model
        • vue源码分析之vuex
        • 响应式原理
        • 初始化的流程
        • 组件更新
        • 编译
        • 父子组件生命周期
        • 原理
        • 多实例
        • Vue 面试
        • 源码研读一
        • 响应式原理
        • 常见问题
        • 数组的劫持
        • vue之自定义指令
        • 运行机制全局概览
      • vue3相比vue2的提升点
        • vue composition api
        • vue3的虚拟dom优化
        • vue3层面的双向数据绑定
        • 预处理优化
  • 重构
    • notification
      • 讲解
  • 面试
    • AfterShip经历
      • JS对URL进行编码和解码
      • ShippingLabelTemplate
      • 接入keycloak详解
      • reCAPTCHA接入
      • yalc与动态解决升级的依赖包
      • RBAC 简介
      • 多语言计划
      • 接入Google登录及其主动弹出快捷登录方式
      • 读书计划
        • 传染
        • 这就是OKR
    • 编程猫经历
      • 2024.1.16
      • 2025.2.20
      • 2025.2.21
      • 2025.2.26
      • 2025.3.28
      • 2025.3.3
      • 2025.3.7
      • 行动轨迹
      • 面试主观题
    • 腾讯经历
      • 2022.02.21
      • 2022.03.30
      • 2022.04.24
      • 2022.04.25
      • 2022.04.27
      • 2022.04.28
      • 2022.04.29
      • 2022.05.05
      • 不同公司的面试关注点不同
      • 2022.05.07
      • 2022.05.09
      • 2022.05.10
      • 2022.05.11
      • 2022.05.12
      • 2022.05.13
      • 2022.05.16
      • 2022.05.17
      • 2022.05.19
      • 2022.05.27
      • 面试
      • 行动轨迹
      • 面试主观题
    • 针对字节
      • 2022.05.14
      • 2022.05.17
      • HR面试准备
      • Promise的相关题目
      • React 进阶实践指南(二)
      • React 面试准备
      • vue 与 react 有什么不同 (react 和 vue 有什么区别)
      • TypeScript 全面进阶指南
      • cookie和session区别
      • express 面试准备 koa 中间件原理
      • next面试准备
      • requestCallBack
      • interface 与 type 异同点
      • 取消 promise
      • 如何设计一个前端项目
      • 进阶篇
      • 早早聊面试准备
      • 自动化部署
      • 挖掘项目的深度
      • 面试
      • 出题指数
    • 魅族经历
      • 2020.09.11
      • 一灯
      • 一灯
      • 一灯
      • 2020.09.20
      • 2020.09.21
      • 网易二面
      • 2020.09.23
      • 头条
      • 360 金融面试题
      • 富途一面
      • 算法
      • 字节
      • 2020.11.04
      • baidu 一面
      • meta 标签的作用
      • 字节
      • 2020.11.22
      • 2020.11.25
      • 微前端接入笔记
      • 面试的基本原则
由 GitBook 提供支持
在本页
  • 回溯算法解题套路框架
  • BFS 算法框架套路
  • 双指针技巧套路框架
  • 左右指针的常用算法
  • 滑动窗口算法框架

这有帮助吗?

  1. 读后感

labuladong 的算法小抄

最底层的就是数组和链表

对于解决 hash 冲突的办法: 拉链法和 线性探查法 树如果用 数组来实现就是堆

数组由于是连续紧凑型,可以随机访问,通过索引能够快速找到对应的元素,而且如果相对节约存储空间。 但正因为连续存储,内存空间必须一次性给足,时间复杂度 0(N); 如果想进行插入和删除操作,每次必须搬运后面的所有数据,时间复杂度度为 O(N);

链表因为元素不连续,靠指针指向下一个元素的位置,所以不存在数组的扩容问题;如果知道某一元素的前驱和后驱,操作指针即可删除该元素或者插入该元素,时间复杂度为 O(1); 但是正因为空间的不连续,你无法根据索引算出对应元素的地址,所以不能随机访问,而且每个元素必须存储指向前后元素位置的指针,会消耗更多的存储空间。

数据结构种类很多, 他们的目的就是无非就是不用的应用场景下高效的增删改查;

线性形式以 for/while 迭代为代表,非线性形式以递归为代表

二叉树有前中后序遍历 其实链表也有前序和后序遍历, 例如在前序遍历的时候打印 head.val 就是正序打印链表;在后序遍历的位置打印 head.val 就是倒序打印链表; 写过 web 中间件的朋友应该可以发现,中间件的调用链其实就是一个递归遍历链表的过程。 前置中间件 比如 session 的注入 在前序遍历的位置执行, 后置中间件(异常捕获)在后序遍历的位置执行 而一些中间件(计算调用总耗时)在前序和后序遍历的位置都有代码

只要是递归基本上都是树的问题

1.2 动态规划解题套路框架 1.首先,动态规划问题的一般形式就是求最值, 求解动态规划的核心问题是穷举

动态规划的穷举有点特别, 存在『重叠子问题』 所以需要『备忘录』或者『DP table』来优化穷举过程 动态规划问题一定会具备『最有子结构』,虽然穷举所有可行解并不是一件容易的事,只有列出正确的『状态转移方程』,才能正确的穷举。

要想写出正确的状态转移方程, 一定要思考以下几点: 1.这个问题的 base case(最简单情况)是什么? 2.这个问题有什么『状态』

但凡遇到需要递归解决的问题,最好都画出递归树。

递归算法的的时间复杂度怎么计算?就是用子问题个数乘以解决一个子问题需要的时间。

斐波那契数列 二叉树节点总数为指数级别的,所以求子问题个数的时间复杂度为 O(2 指数 n)

自顶向下

let fiber = function (num) {
  let cache = [];
  let fib = function (cache, num) {
    if (num <= 1) return 1;
    if (cache[num]) {
      return cache[num];
    } else {
      cache[num] = fib(cache, num - 1) + fib(cache, num - 2);
    }
    return cache[num];
  };
  return fib(cache, num);
};
console.log(fiber(200));

自底向上 DP table 来消除重叠子问题

let fiber = function (n) {
  if (n === 0) return 0;
  if (n === 1 || n === 2) return 1;
  let dp = [];
  dp[1] = dp[2] = 1;
  for (let i = 3; i <= n; i++) {
    dp[i] = dp[i - 1] + dp[i - 2];
  }
  return dp[n];
};
console.log(fiber(8));

凑零钱

如何列出正确的状态转移方程

  1. 确定 base case

  2. 确定『状态』, 也就是原问题和子问题的变量

  3. 确定『选择』, 也就是导致『状态』产生变化的行为

  4. 明确 dp 函数、数组的定义

dp(n)的定义:输入一个目标金额 n, 返回凑出目标金额 n 的最少硬币数量

let coinChange = function (coins, amount) {
  let dp = function (num) {
    // 确定base case
    if (num == 0) return 0;
    if (num < 1) return -1;
    let res = num;
    for (coin of coins) {
      // 确定状态
      let subProblem = dp(num - coin);
      if (subProblem === -1) continue;
      // 确定 选择
      res = Math.min(res, 1 + subProblem);
    }
    return res;
  };
  return dp(amount);
};
console.log(coinChange([1, 3, 5], 11));

// 带备忘录的

let coinChange = function (coins, amount) {
  let memo = [];
  let dp = function (num) {
    // 查备忘录 避免重复计算
    if (memo[n]) return memo[n];
    // 确定base case
    if (num == 0) return 0;
    if (num < 1) return -1;
    let res = num;
    for (coin of coins) {
      // 确定状态
      let subProblem = dp(num - coin);
      if (subProblem === -1) continue;
      // 确定 选择
      res = Math.min(res, 1 + subProblem);
    }
    // 记入备忘录中
    memo[num] = res;
    return memo[num];
  };
  return dp(amount);
};
console.log(coinChange([1, 3, 5], 11));

DP table dp 数组的定义: 当目标金额为 i 时,至少需要 dp[i] 枚硬币凑出;

let coinChange = function (coins, amount) {
  let dp = function (num) {
    // 确定base case
    dp[0] == 0;
    let dp = Array.from(num);
    for (let i = 0; i < dp.length; i++) {
      for (coin of coins) {
        // 确定状态
        if (i - coin < 0) continue;
        dp[i] = Math.min(dp(i), dp[num - coin]);
      }
    }
  };
  return dp[amount] === amount + 1 ? -1 : dp[amount];
};
console.log(coinChange([1, 3, 5], 11));

回溯算法解题套路框架

解决一个回溯问题, 实际上就是决策树的遍历过程

  1. 路径: 也就是已经做出的选择

  2. 选择列表: 也就是你当前可以做的选择

  3. 结束条件: 也就是到达决策树底层,无法在做选择的条件

1.3 回溯的算法框架 result = []; def backtrack(路径, 选择列表): if 满足结束条件: result.add(路径) return for 选择 in 选择列表: 做选择 backtrack(路径, 选择列表) 撤销选择

其核心就是 for 循环里面的递归,在递归调用之前『做选择』, 在递归调用之后『撤销选择』

// 全排列

我们定义的 backtrack 函数其实就像一个指针,在这颗树上遍历,同时要正确维护每个节点的属性,每当走到树的底层,其『路径』就是一个全排列

// 遍历 前序遍历的代码在进入某一个节点之前的那个时间点执行,后序遍历的代码在离开某个节点之后的那个时间点执行

我们需要在递归之前做出选择,在递归之后撤销刚才的选择

这样是回溯算法的一个特点,不像动态规划的存在重叠子问题可以优化,回溯算法就是纯暴力穷举,复杂度一般都很高。

// 主函数,输入一组不重复的数字,返回它们的全排列
function permutation(arr) {
  var result = [];
  if (arr.length === 0) {
    return result;
  }
  var temp = [];
  backtrack(arr, temp, result);
  return result;
}
// 全排列的核心函数

// 路径:记录track中
// 选择列表: nums中不存在于track'的那些元素
// 结束条件: nums 中的元素全都在track中出现
function backtrack(nums, track, result) {
  // 触发结束条件
  if (track.length === nums.length) {
    result.push(track);
    return;
  }

  for (let i = 0; i < nums.length; i++) {
    // 排除不合法的选择
    if (track.indexOf(nums[i]) !== -1) continue;
    // 做选择
    track.push(nums[i]);
    // 进入下一层决策树
    backtrack(nums, track);
    // 取消选择
    track.pop();
  }
}

写 backtrack 函数时,需要维护走过的『路径』和当前可以做的『选择列表』,当触发『结束条件』时,将『路径』记入结果集。

回溯算法: 走过的『路径』、当前的『选择列表』和『结束条件』; 动态规划: 『状态』、『选择』、『base case』;

1.4 BFS 算法框架 BFS(broad first search) ,广度优先搜索和 DFS(深度优先搜索)

BFS 算法框架套路

问题的本质就是让你在一副『图』中找到起点 start 和终点 target 的最近距离

队列需要回头,visited 的主要作用就是防止走回头路,大部分都是必需的,但是像一般的二叉树结构,没有子节点到父节点的指针,不会走回头路就不需要 visited。

寻找二叉树最小节点

function minDepth(Q) {
  if (root == null) return 0;
  let depth = 1;
  let size = q.size();
  while (!q.isEmpty()) {
    for (let i = 0; i < size; i++) {
      let node = q.dequeue();
      if (node.left == null && node.right == null) {
        return depth;
      }
      if (node.left != null) {
        q.enqueue(node.left);
      }
      if (node.right != null) {
        q.enqueue(node.right);
      }
    }
    depth++;
  }
}

形象点说,DFS 是线,BFS 是面;DFS 是单打独斗,BFS 是集体行动。

既然 BFS 这么好,为什么要用 DFS? 一般来说在寻找最短路径的时候使用 BFS,其他时候用 DFS 多一些。

双指针技巧套路框架

双指针技巧分为两类:一类是『快、慢』指针, 一类是『左右指针』 快慢指针:主要解决链表的问题,比如典型的判定链表中是否存在包含环;后者主要解决数组(或者字符串)中的问题,比如二分搜索

1.XUNZ

function hasCycle(head) {
  // 初始化快、慢指针指向头节点
  fast = slow = head;
  while (fast != null && fast.next != null) {
    // 慢指针每次走一步
    slow = slow.next;
    // 快指针每次前进两步
    fast = fast.next.next;
    if (slow == fast) {
      return true;
    }
  }
  return false;
}

2.寻找这个环的起始位置

function detectCycle(head) {
  // 初始化快、慢指针指向头节点
  fast = slow = head;
  while (fast != null && fast.next != null) {
    // 慢指针每次走一步
    slow = slow.next;
    // 快指针每次前进两步
    fast = fast.next.next;
    if (slow == fast) {
      return true;
    }
  }
  slow = head;
  while (slow != fast) {
    // 两个指针以相同的速度前进
    fast = fast.next;
    slow = slow.next;
  }
  // 两个指针相遇的那个单链表节点就是环的起点
  return slow;
}

3.寻找无环单链表的中点

while (fast != null && fast.next != null) {
  fast = fast.next.next;
  slow = slow.nextl;
}
return slow;
  1. 寻找单链表的倒数第 K 个元素

while (k-- > 0) {
  fast = fast.next;
}
while (fast != null) {
  slow = slow.next;
  fast = fast.next;
}
return slow;

左右指针的常用算法

左右指针一般运用在数组问题上,实际上是指两个索引值,一般初始化为 left = 0,right = len(nums) - 1

1.二分搜索

// 二分搜索
    function binarySearch(){
        // 左、右指针在数组的两端初始化
        var left = 0;
        var right = nums.length - 1;
        while(left <= right){
            var mid = Math.floor((left + right) / 2);
            if(nums[mid] == target){
                return mid;
            }
            if(nums[mid] < target){
                left = mid + 1;
            }else{
                right = mid - 1;
            }
        }
        return -1
    }

为什么 while 的循环的条件是<=,而不是<? 因为初始化 right 的时候,nums.length - 1,即最后一个元素的索引,而不是 nums.length

nums.length -1 :相当于左闭右开[left, right),因为索引大小为 nums.length 是越界的。 nums.length: 相当于两端都闭区间[left, right]

理解下左闭右开的概念:

开闭区间是一个数学概念,开区间使用符号小括号()表示,闭区间使用符号中括号[]表示,闭区间包含了两个端点,而开区间则不包含两个端点

一共四种情况: (a,b):区间范围内,不包含 a 和 b [a,b]:区间范围内,包含 a,也包含 b (a,b]:区间范围内,不包含 a,包含 b [a,b):区间范围内,包含 a,不包含 b

2.两数之和

只要数组有序,就应该想到双指针技巧

function twoSum(nums, target) {
  let left = 0;
  let right = nums.length - 1;
  while (left < right) {
    let sum = nums[left] + nums[right];
    if (sum == target) {
      //题目要求索引从1开始的
      return [left + 1, right + 1];
    } else if (sum < target) {
      left++; //让sum大一点
    } else {
      right--; // 让sum小一点
    }
  }
  return [-1, -1];
}

3.反转数组

function reverseArray(nums) {
  let left = 0;
  let right = nums.length - 1;
  while (left < right) {
    let temp = nums[left];
    nums[left] = nums[right];
    nums[right] = temp;
    left++;
    right--;
  }
  return nums;
}

4.滑动窗口算法

1.6 二分搜索框架

let binarySearch(){
    let left = 0; right = ...;
    while(...){
        let mid = left + (right - left) / 2;
        if(nums[mid] == target){

        } else if(nums[mid] < target)
            left = ...
        else if(nums[mid] > target){
            right = ...
        }
    }
    return ...
}

分析二分搜索的一个技巧是: 不要出现 else, 而是把所有情况用 else if 写清楚,这样可以清楚展现所有细节。 js 中找 mid 的 有以下几种形式

    var point = Math.ceil(arr.length / 2);
    let mid = Math.round((leftIndex + rightIndex) / 2);
    let mid = left + (right -left) / 2  // 解决 left 和 right 太大 溢出
  1. 寻找一个数(基本的二分搜索)

  2. 寻找左侧边界的二分搜索

搜索左、右边界的二分搜索算法和常规二分搜索算法的区别。让搜索区间变成左闭右开

模板总结:

  1. 分析二分搜索代码,不要出现 else,全部展开改成 else if,方便理解。

  2. 主义『搜索区间』和 while 的终止条件,搞清楚『搜索区间』的开闭情况非常重要,left 和 right 的更新完全取决与『搜索区间』,如果存在漏掉的元素,记得在最后检查。

  3. 若需要定义左闭右开的『搜索区间』搜索左、右边界,只要在 nums【mid】==target 时做修改即可,搜索右侧边界时需要减一。

  4. 如果将『搜索区间』全都统一成两端都闭,好记,只要稍微改 nums[mid]==target 条件处的代码和函数返回的代码逻辑即可。

滑动窗口算法框架

function slidingWindow(s, t) {
  var left = 0;
  right = 0;
  var valid = 0;
  while (right < s.length) {
    if (s[right] == t) {
      valid++;
    }
    // 右移窗口
    right++;
    // 进行窗口内数据的一系列更新
    //...
    if (valid > 0) {
      valid--;
    }
    // 判断左侧窗口是否要收缩
    while (window < s.length && valid < 0) {
      if (s[left] == t) {
        valid++;
      }
      left++;
      // ...
    }
  }
}

首先,初始化 window 和 needs 两个哈希表,记录窗口中的字符和需要凑齐的字符:

function minWindow(s, t) {
   var needs = {}; // 需要凑齐的字符
   var window = {}; //窗口中字符
   for(let a of t){
       //统计需要的字符
       needs[a] = (needs[a] || 0) + 1;
   }
   var left = 0; right = 0, valid = 0;
   // 最小覆盖子串的起始索引及长度
   var start = 0, min =  Number.MAX_VALUE;
   while(right < s.length){
       // 即将移入窗口的字符
       var c = s[right];
       // 其中valid变量表示窗口中满足needs条件的字符个数,如果valid和needs.length的大小相同,则说明窗口以满足条件,已经完全覆盖子串
       right++;
       if(needs[c]){
           // 当前字符在需要的字符中,则更新当前窗口统计
           window[c] = (window[c] || 0) + 1;
           if(window[c] == needs[c]){
               // 当前窗口和需要的字符匹配时,验证数量增加1
               valid++;
           }

       }
       // 判断左侧窗口是否要收缩,当验证数量与需要的字符个数一直时,就应该收缩窗口了
       while(valid == Object.keys(needs).length){
           // 更新最小覆盖子串
           if(right - left < min){
               start = left;
               min = right - left;
           }
           // d是将移出窗口的字符
           var d = s[left];
           left++;
           //进行窗口内数据的一系列更新
           if(needs[d]){
               if(window[d] == needs[d]){
                   valid--;
               }
               window[d]--;
           }
       }
   }
   //返回最小覆盖子串
   return min == Number.MAX_VALUE ? "" : s.substr(start, min);
}

套用模板:

  1. 当移动 right 扩大窗口,即加入字符时,应该更新哪些数据? 2.什么条件下,窗口应该暂停扩大,开始移动 left 缩小窗口? 3.当移动 left 缩小窗口,即移除字符时,应该更新哪些数据? 4.我们要的结果应该在扩大窗口时还是缩小窗口时进行更新?

上一页js编程精解下一页lodash常用方法

最后更新于2个月前

这有帮助吗?