sup-fiveyear / Notes
前端学习笔记，面试复习手册
Stars: ✭ 127
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Notes
React Boilerplate
A slightly opinionated yet dead simple boilerplate for React 17.x, Webpack 5 and React Router v5
Stars: ✭ 158 (+24.41%)
Mutual labels: webpack, promise
Arcgis Webpack Plugin
Webpack plugin for the ArcGIS API for JavaScript
Stars: ✭ 125 (-1.57%)
Mutual labels: webpack
Everything Is A Plugin
Everything is a Plugin: Mastering webpack from the inside out. NgConf 2017
Stars: ✭ 123 (-3.15%)
Mutual labels: webpack
Rust Wasm Webpack Tutorial
Finished example project for my guide on setting up a Webpack project with Rust and WebAssembly
Stars: ✭ 122 (-3.94%)
Mutual labels: webpack
Sounds Webpack Plugin
🔊Notify or errors, warnings, etc with sounds
Stars: ✭ 125 (-1.57%)
Mutual labels: webpack
Youtube desktop
The desktop Youtube Application built using Electron. (In development)
Stars: ✭ 123 (-3.15%)
Mutual labels: webpack
Reactly Starter Kit
Deployable React + Webpack 2 starter kit
Stars: ✭ 122 (-3.94%)
Mutual labels: webpack
Frasco
Quick starter for Jekyll including full setup for Sass, PostCSS, Autoprefixer, stylelint, Webpack, ESLint, imagemin, Browsersync, etc.
Stars: ✭ 123 (-3.15%)
Mutual labels: webpack
Bad Ass Salesforce Stack
B.A.S.S. Starter: react / redux / typescript / antd / ts-force / sfdx / webpack / salesforce
Stars: ✭ 126 (-0.79%)
Mutual labels: webpack
记录前端知识体系的点点滴滴，能力有限，持续更新。
自己挖的坑自己填！从 2020 年 4 月底开始维护，希望和你一起进步。
索引
前端：H5/C3
前端：浏览器原理
前端：ECMA-script
前端：编码/组件练习
前端框架：vue
前端框架：React
前端工程：Webpack
前端工程：Node.js
前端工程：性能优化
基础：数据结构和算法
基础：网络
基础：正则表达式
HTML + CSS
HTML
CSS
- [ ] 移动端适配汇总
- [ ] 开发经验汇总
- [ ] 雪碧图实现
- [ ] 文本截断
- [ ] 边框画图
- [ ] 常见布局方案
浏览器
输入 URL 后，都发生了什么？请从浏览器的视角分析进行分析?
单线程的 JavaScript，是如何处理复杂的 web 交互的？
ES
- [ ] this 指向问题？
编码/组件练习
手写
- [ ] 高阶函数之-compose 函数
- [ ] 实现简单：全局单利模式
-
[ ] Promise - 实现各路 api
-
[ ] async - 原理实现
Nodejs- 实现 eventEmitter; (待写简要思路)
组件
- [ ] 封装一个在线运行组件
- [ ] 封装一个表单验证吧
vue
- [ ] 详细说说虚拟 DOM？
react
webpack
nodeJS
说说你对 global 以及 global.process 的理解？
性能优化
网络层面
- [ ] webpack 对静态资源的压缩与合并
首次渲染
css 和 js 阻塞页面渲染？你怎么理解？
有了解同构应用吗（SSR）？
- [ ] SSR 项目技术沉淀
实际开发
缓慢更新中
数据结构算法
数组
排序
| 出处 | Hint + 解 |
|---|---|
| Array.prototype.sort() | |
| 插入排序/选择排序/冒泡排序 | 基础排序汇总 |
| 快速排序 | 阮一峰老师 / 挡板思想 + swap |
| 归并排序 | 山里有座庙，庙里有个老和尚，旁边有个小和尚 |
| 三栈排序 | |
| 双栈排序 | |
| 88. 合并两个有序数组 | 归并排序，谁大移谁(三指针)，注意合并逻辑条件 |
| 75. 颜色分类 | 利用挡板思想进行排序分类，典型 🌈 问题 |
| 面试题 16.16. 部分排序 | 两趟，一正一反确定边界 |
| 169. 多数元素 | 快速排序返回众数/hash 计数 |
| TODO： | |
| 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ | 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ |
- [ ] 基础排序手写一遍重温思想，mergeSort 重温
- [ ] 排序时间复杂度总结
- [ ] 栈排序
查找
| Array.prototype.find()/findIndex()/indexOf() | |
|---|---|
| 704. 二分查找 | 相邻退出，进行后续处理 |
| base-在有重复的数组中返回第一个/最后一个元素 | 移动 mid，直到加单退出 |
| LintCode:460. 在排序数组中找最接近的 K 个数 | 范围所缩小至加单，中心开花 |
| 74. 搜索二维矩阵 | map 回矩阵：r = mid / col c = mid % col |
| 34. 在排序数组中查找元素的第一个和最后一个位置 | 找到元素，双指针左右移动 |
| 33. 搜索旋转排序数组 | 分割后，必定一半是有序 |
| TODO：378. 有序矩阵中第 K 小的元素 | |
| 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ | 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ |
~
| 出处 | Hint + 解 |
|---|---|
| 面试题 03. 数组中重复的数字 | 哈希/quickSort |
| 1. 两数之和 | map |
| 11. 盛最多水的容器 | 双指针夹逼 |
| 283. 移动零 | 双指针 + swap （不为 0 一起动） |
| TODO：15. 三数之和 | |
| 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ | 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ |
stack
经典
链表
经典
同类型
树（和递归天然结合，因此融合了递归一部分题型，理解就好）
| 出处 | Hint + 解： |
|---|---|
| 二叉树的中序遍历,(后序,前序) | 在模拟后续实现思路时，注意剪枝这个 hack 操作 |
| 429. N 叉树的层序遍历 | 利用 children 接口很简单，如果限制只能 DFS 呢？ |
| 110. 平衡二叉树 | |
| 101. 对称二叉树 | 左左 === 右右 && 左右 == 右左 👊 |
| 98. 验证二叉搜索树 | |
| 二叉搜索树减枝？ | |
| 二叉树搜索区间？ | |
| 958. 二叉树的完全性检验 | |
| 验证二叉搜索树 | |
| 二叉搜索树的最近公共祖先 | |
| 有序链表转换二叉搜索树 | |
| 面试题 07. 重建二叉树 | inorder\preorder 特点 + 分而治之 + sliceAPI |
| 面试题 26. 树的子结构 | 巧妙找到入口 + 精干的条件判断 |
| 面试题 27. 二叉树的镜像 | 画图找规律：swap 子树的值 |
| 面试题 32 - I. 从上到下打印二叉树 | 队列 |
| 面试题 32 - II. 从上到下打印二叉树 II | 队列 + 计数 |
| 面试题 32 - III. 从上到下打印二叉树 III | 画图找规律：reverse 输出/双栈思想 |
| 面试题 34. 二叉树中和为某一值的路径 | DFS + 回溯法 |
| 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ | 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ |
String
Recursion + DFS
| 出处 | Hint + 解： |
|---|---|
| 70. 爬楼梯 | |
| 22. 括号生成 | 递归穷举后，添加限制条件（括号正确性判断） |
| 50. Pow(x, n) | 快速幂求值（注意数学边界），缩小问题规模（递归 |
| 78. 子集 | 01 问题，加或者不加，注意引用值问题 |
| 51. N 皇后 | |
| 322. 零钱兑换 | |
| 236. 二叉树的最近公共祖先 | |
| 105. 从前序与中序遍历序列构造二叉树 | |
| 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ | 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ |
- [ ] 226. 翻转二叉树
- [ ]
- [ ] 46. 全排列 47. 全排列 II
- [ ] 17. 电话号码的字母组合 77. 组合
BFS
| 出处 | Hint + 解： |
|---|---|
| 130. 被围绕的区域 | |
| K Smallest in Unsorted Array | |
| 200. 岛屿数量 | |
| 127. 单词接龙 | |
| 126. 单词接龙 II | |
| 515. 在每个树行中找最大值 | |
| 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ | 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ |
DP
| 出处 | Hint + 解： |
|---|---|
| 70. 爬楼梯 | 一维 dp，线性回头看（斐波那契） |
| 55. 跳跃游戏 | |
| 45. 跳跃游戏 II | |
| 122. 买卖股票的最佳时机 II | |
| 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ | 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ |
箭指 offer 专题
| 数组 | |
| 面试题 03. 数组中重复的数字 | 排序 +diff / hash +diff / 索引排序 |
| 03-fllow up: 287. 寻找重复数 | 数量二分法 |
| 链表 | |
| 面试题 18. 删除链表的节点 | 思路： |
| 面试题 22. 链表中倒数第 k 个节点 | 思路： |
| 面试题 24. 反转链表 | 思路： |
| 面试题 35. 复杂链表的复制 | |
| 面试题 52. 两个链表的第一个公共节点 | |
| 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ | 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ |
网络
- [ ] 输入一个 url 会发生什么？
HTTP1.1
- [ ] 说说 HTTP 相关的代理有哪些？
- [ ] Restful API 了解吗？你的最佳实践是什么？
websocket
- [ ] 说说你对 websocket 的理解？
- [ ] 他的应用领域有哪些？
- [ ] websocket 的长连接知道吗？
HTTP2
HTTPS
TCP
UDP
-
[ ] 和 TCP 的区别？
-
[ ] 为什么 DNS 使用 UDP 协议？
IP
正则
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].