全栈潇晨-CSDN博客

原创记字节前端面试一道简单的算法题

70. 爬楼梯（medium）假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？注意：给定 n 是一个正整数。示例 1：输入： 2输出： 2解释：有两种方法可以爬到楼顶。1 阶 + 1 阶2 阶方法1.动态规划思路：因为每次可以爬 1 或 2 个台阶，所以到第n阶台阶可以从第n-2或n-1上来，其实就是斐波那契的dp方程复杂度分析：时间复杂度O(n)，空间复杂度O(1)Js:var climbStai

2021-12-16 06:57:56 1383

原创面试官:useLayoutEffect和useEffect的区别

面试官:useLayoutEffect和useEffect的区别hello，这里是潇晨，大家面试的过程中有没有遇到过这样的问题呢，useLayoutEffect和useEffect的区别是什么，大家可能会回答useEffect是异步的，useLayoutEffect是同步的，这样回答面试官真的会满意慢，我们需要说清楚他们在源码中的调用时机。先来看个例子：点击触发更新之后，如果count之前的状态是0，我们随机生成一个数字，在阻塞一段时间，在设置count位随机值，看看在useEffect和useLayo

2021-12-15 07:53:55 2033

原创面试官:react中的setState是同步的还是异步的

面试官:react中的setState是同步的还是异步的hello，这里是潇晨，大家在面试的过程是不是经常会遇到这样的问题，react的setState是同步的还是异步的，这个问题回答的时候一定要完整，来看下面这几个例子：例子1：点击button触发更新，在handle函数中会调用两次setStateexport default class App extends React.Component { state = { num: 0, }; updateNum = () =>

2021-12-15 07:47:29 747

原创面试官:说说react的渲染过程

面试官:说说react的渲染过程hello，这里是潇晨，大家在面试的过程中有没有遇到过一些和react相关的问题呢，比如面试官让你说说react渲染的过程，这到题目比较开放，也比较考验大家对react渲染原理以及源码的整体架构的理解。整体流程：react的核心可以用ui=fn(state)来表示，更详细可以用const state = reconcile(update);const UI = commit(state);上面的fn可以分为如下一个部分：Scheduler（调度器）：

2021-12-14 08:24:40 1405

原创聊聊前端工程师如果做职业规划

聊聊前端工程师如果做职业规划大家好，这里是潇晨，这篇文章不聊技术，聊一个比较开放的问题，程序员如何做职业规划。其实这个这个问题还是比较宽泛的，因为每个程序员的专业能力、背景、经历都不一样，所以对每个人来说很难总结出一个普世的职业发展建议，但是如果具体到每个专业，比如前端工程师，具体到某一个年龄，比如35岁前，那还是能归纳出一个比较完善和通用的职业发展建议了。1.专业能力方面作为前端程序员，千万不要只会使用某个框架或者库，因为这些都是会随时变化或者更新的，人的精力是有限的，可能今天流行这个框架，明天就

2021-12-14 08:18:17 2484

原创面试官:说说你对react生命周期的理解

面试官:说说你对react生命周期的理解hello，这里是潇晨，今天我们来看下react生命周期在各个阶段是怎样执行的，在面试的过程中有没有遇到这个问题呢，大家也可以学习往期react源码体系文章哦，往期文章目录在文章结尾。在之前的react源码介绍中，我们可以将应用的渲染过程分为mount阶段（应用首次渲染）和update阶段（应用状态更新），无论在mount阶段还是update阶段，都会经历两个子阶段，一个是render阶段，一个是commit阶段。mount时：在render阶段会根据js

2021-12-13 07:54:20 297

原创面试官:你是怎样理解Fiber的

面试官:你是怎样理解Fiber的hello，这里是潇晨，今天我们来聊一聊Fiber。不知道大家面试的时候有没有遇到过和react Fiber相关的问题呢，这一类问题比较开放，但也是考察对react源码理解深度的问题，如果面试高级前端岗，恰巧你平时用的是react，那这道面试题是你必需要会的一道。大型应用为什么会慢那之前的应用为什么会慢呢，传统的前端应用例如js原生或者jquery应用，在构建复杂的大型应用的时候，各种页面之前的相互操作和更新很有可能会引起页面的重绘或重排列，而频繁操作这些dom其实是非

2021-12-10 08:33:23 456

原创聊聊程序员35岁危机

聊聊程序员35岁危机hello，这里是潇晨，今天来聊一个老生常谈的话题程序员的35岁危机，分为以下几个部分，以及结合自己的经历，提供一些解决方案，非常正能量，不是鸡汤，不制造焦虑，不瞎逼逼，希望大家有所收获。35岁危机是什么，它到底存在吗35岁危机常指那些在职场上干了5-10年左右的职场人士，在本职位置上得不到提升，容易被年轻一辈取代的现象。那它真的存在吗？或着说它真的存在于程序员这个群体中吗，答案是，也不是。对于那些一直在学习，在提升自己的的人来说，即使在原来的岗位上得不到提升，他们也会在业余时间

2021-12-10 07:36:07 925

原创老大react说：schedule，我们今年的小目标是一个亿

老大react说：schedule，我们今年的小目标是一个亿hello，这里是潇晨，今天来讲个故事讲个故事：从前，有家z公司，z公司的ceo叫react，它收下有个小弟或者叫小leader，scheduleschedule每天负责消化老大react画的大饼，然后将拆解成一个个小小的task，给下面的小弟去完成，并且负责划分优先级，调度小弟们的任务排序。那schedule怎样给这些任务划分优先级呢，它想了个最简单的办法，用deadline或者过期时间，给这些task划分优先级，过期时间越短说明这个任

2021-12-09 07:54:45 197

原创来来来，手摸手写一个hook

来来来，手摸手写一个hookhello，这里是潇晨，今天就带着大家一起来手写一个迷你版的hooks，方便大家理解hook在源码中的运行机制，配有图解，保姆级的教程，只求同学一个小小的????，????。第一步：引入React和ReactDOM因为我们要将jsx转变为virtual-dom，这一步分工作就交给babel吧，而jsx被babel进行词法解析之后会形成React.createElement()的调用，而React.createElement()执行之后的返回结果就是jsx对象或者叫virtu

2021-12-09 07:36:09 1075

原创好好学react源码然后惊艳所有人

好好学react源码然后惊艳所有人hello，这里是潇晨，今天我们来聊聊react源码，作为使用react多年的前端工程师，我们是否还在使用着各种应用层面的库、框架呢，是否在面试过程中遇到一些关于react源码方面的问题呢，如果是，那么是否尝试过去看看react底层运行逻辑呢？为什么要学react源码？成为高级或资深前端工程师的必备条件：作为前端工程师，如果不满足只停留在应用层面的开发，或者想成为高级或资深前端工程师，那熟悉远吗将是一个很必要的能力，为什么这么说呢，react作为前端经常要用到的库，

2021-12-08 10:54:52 256

原创大厂算法面试之leetcode精讲24.其他类型题

大厂算法面试之leetcode精讲24.其他类型题视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题65. 有效数字（hard）图是网络结

2021-12-07 07:55:32 234

原创大厂算法面试之leetcode精讲23.并查集

大厂算法面试之leetcode精讲23.并查集视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题并查集（union & find）：用

2021-12-07 07:45:08 150

原创大厂算法面试之leetcode精讲22.字典树

大厂算法面试之leetcode精讲22.字典树视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题Trie树，即字典树，又称前缀树，是一种树形结

2021-12-06 08:53:47 284

原创大厂算法面试之leetcode精讲21.树

大厂算法面试之leetcode精讲21.树视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题树这种数据结构包括根节点root，左右节点，子树中

2021-12-06 08:42:52 240

原创大厂算法面试之leetcode精讲20.字符串

大厂算法面试之leetcode精讲20.字符串视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题5. 最长回文子串（medium）方法1.

2021-12-04 07:26:57 185

原创大厂算法面试之leetcode精讲19.数组

大厂算法面试之leetcode精讲19.数组视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题数组操作的时间复杂度Access：O(1)

2021-12-04 07:14:34 193

原创大厂算法面试之leetcode精讲18.队列

大厂算法面试之leetcode精讲18.队列视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题队列的特点：先进先出（FIFO）队列的时间复

2021-12-03 08:02:56 674

原创大厂算法面试之leetcode精讲17.栈

大厂算法面试之leetcode精讲17.栈视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题Stack的特点：先进后出（FILO）使

2021-12-03 07:53:23 185

原创大厂算法面试之leetcode精讲16.set&map

大厂算法面试之leetcode精讲16.set&map视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题集合与字典：集合常见的形

2021-12-02 07:23:14 458

原创大厂算法面试之leetcode精讲15.链表

大厂算法面试之leetcode精讲15.链表视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题链表操作如下图：动画过大，点击查看时间复杂度

2021-12-02 07:14:11 690

原创大厂算法面试之leetcode精讲14.排序算法

大厂算法面试之leetcode精讲14.排序算法视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题常见排序算法复杂度n^2除nlogn在不

2021-12-01 08:25:16 260

原创大厂算法面试之leetcode精讲13.单调栈

大厂算法面试之leetcode精讲13.单调栈视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题239. 滑动窗口最大值 (hard)方法1

2021-12-01 08:03:43 243

原创大厂算法面试之leetcode精讲12.堆

大厂算法面试之leetcode精讲12.堆视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题延伸：满二叉树：除叶子节点外，所有的节点都有两个

2021-11-30 12:16:42 192

原创大厂算法面试之leetcode精讲11剪枝&回溯

大厂算法面试之leetcode精讲11剪枝&回溯视频讲解（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题剪枝排除那些不符合条件的分支。提高

2021-11-30 12:04:09 285

原创大厂算法面试之leetcode精讲10.递归&分治

大厂算法面试之leetcode精讲10.递归&分治视频教程（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题递归三要素递归函数以及参数递

2021-11-29 08:36:03 162

原创大厂算法面试之leetcode精讲9.位运算

大厂算法面试之leetcode精讲9.位运算视频教程（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题位运算基础：程序中所有的数载计算机内存中都是以

2021-11-29 08:21:43 294

原创大厂算法面试之leetcode精讲8.滑动窗口

大厂算法面试之leetcode精讲8.滑动窗口视频教程（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题3. 无重复字符的最长子串 (medium)

2021-11-27 07:06:10 179

原创大厂算法面试之leetcode精讲7.双指针

大厂算法面试之leetcode精讲7.双指针视频教程（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题双指针普通指针：两指针同一方向或不同方向对

2021-11-26 06:21:22 719

原创大厂算法面试之leetcode精讲6.深度优先&广度优先

大厂算法面试之leetcode精讲6.深度优先&广度优先视频教程（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题深度优先&广度优先

2021-11-25 06:45:35 224

原创大厂算法面试之leetcode精讲5.二分查找

大厂算法面试之leetcode精讲5.二分查找视频教程（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题二分搜索时间复杂度O(logn)步骤：

2021-11-24 08:41:25 307

原创大厂算法面试之leetcode精讲4.贪心

大厂算法面试之leetcode精讲4.贪心视频教程（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题什么是贪心算法贪心法，又称贪心算法，贪婪算法，在

2021-11-23 09:56:03 261

原创大厂算法面试之leetcode精讲3.动态规划

大厂算法面试之leetcode精讲3.动态规划视频教程（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题什么是动态规划动态规划，英文：Dynamic

2021-11-22 07:28:06 521

原创大厂算法面试之leetcode精讲2.时间空间复杂度

大厂算法面试之leetcode精讲2.时间空间复杂度视频教程（高效学习）:点击学习目录：1.开篇介绍2.时间空间复杂度3.动态规划4.贪心5.二分查找6.深度优先&广度优先7.双指针8.滑动窗口9.位运算10.递归&分治11剪枝&回溯12.堆13.单调栈14.排序算法15.链表16.set&map17.栈18.队列19.数组20.字符串21.树22.字典树23.并查集24.其他类型题什么时间复杂度时间复杂度是一个函数，它

2021-11-21 07:23:25 436

原创大厂算法面试之leetcode精讲1.开篇介绍

Linked List 就是特殊化的treeTree就是特殊化的Graph二叉搜索树：也称有序二叉树，指一棵空树或者具有一下性质的二叉树左子树上所有节点的值均小于它的根节点的值右子树上的所有节点的值均大于它根节点的值递归左右子树也为二叉搜索树[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8iMoCQAz-1633990101419)(ds_36.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Wl7kCnGj-1633

2021-11-20 11:10:28 845

原创 react源码解析20.总结&第一章的面试题解答

react源码解析20.总结&第一章的面试题解答视频课程（高效学习）：进入课程课程目录：1.开篇介绍和面试题2.react的设计理念3.react源码架构4.源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber架构8.render阶段9.diff算法10.commit阶段11.生命周期12.状态更新流程13.hooks源码14.手写hooks15.scheduler&Lane16.concurre

2021-06-25 07:30:06 171

原创 react源码解析19.手写迷你版react

react源码解析19.手写迷你版react视频课程（高效学习）：进入课程课程目录：1.开篇介绍和面试题2.react的设计理念3.react源码架构4.源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber架构8.render阶段9.diff算法10.commit阶段11.生命周期12.状态更新流程13.hooks源码14.手写hooks15.scheduler&Lane16.concurrent模式1

2021-06-24 07:44:45 154

原创 react源码解析18事件系统

react源码解析18事件系统视频课程（高效学习）：进入课程课程目录：1.开篇介绍和面试题2.react的设计理念3.react源码架构4.源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber架构8.render阶段9.diff算法10.commit阶段11.生命周期12.状态更新流程13.hooks源码14.手写hooks15.scheduler&Lane16.concurrent模式17.conte

2021-06-23 07:01:11 159

原创 react源码解析17.context

react源码解析17.context视频课程（高效学习）：进入课程课程目录：1.开篇介绍和面试题2.react的设计理念3.react源码架构4.源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber架构8.render阶段9.diff算法10.commit阶段11.生命周期12.状态更新流程13.hooks源码14.手写hooks15.scheduler&Lane16.concurrent模式17.c

2021-06-22 07:59:48 155

转载 react源码解析16.concurrent模式

react源码解析16.concurrent模式视频课程（高效学习）：进入课程课程目录：1.开篇介绍和面试题2.react的设计理念3.react源码架构4.源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber架构8.render阶段9.diff算法10.commit阶段11.生命周期12.状态更新流程13.hooks源码14.手写hooks15.scheduler&Lane16.concurrent模式

2021-06-21 11:08:27 100

空空如也

空空如也