• 手写代码系列之防抖与节流

    防抖思路:在规定时间内未触发第二次,则执行 1234567891011121314151617181920function debounce(fn, delay){ // 利用闭包保存定时器 let timer = null; ...
  • 手写代码咔咔咔

    咔咔咔 手写代码系列之防抖与节流 手写New 手写Promise 手写Promise.all 二叉树的深及遍历 version版本对比 一个字符串最大的回文字符串 三数之和 手写indexof 手写EventEmitter 手写Redux.creat...
  • 数据结构与算法之栈结构

    栈 特性:先进后出 解题法则: 题目中有配对、消除的题意,优先考虑栈结构 栈中存放的可以是内容本身和内容的索引 数组中右边第一个比我小的元素的位置,求解用递增栈 较小的数消除掉较大的数的时候,使用递增栈。 根据题意总结入栈与出栈的时机 普通栈 ...
  • 数据结构与算法

    算法四步分析法: 模拟:模拟题目的运行。 规律:尝试总结出题目的一般规律和特点。 匹配:找到符合这些特点的数据结构与算法。 边界:考虑特殊情况。 数据结构与算法 栈结构与算法
  • Virtual DOM的工作原理

    Virtual DOM 也被称为虚拟DOM 在react中,jsx语法经过babel解析转化为React.createElement()函数调用后生成ast抽象语法树,再通过render函数将ast树转换为fiber 结构,填入许多调度、更新、dif...
  • Serverless是什么

    是什么 广义上来说是构建和运行软件时不需要关心服务器的一种架构思想。虽然 Serverless 翻译过来是 “无服务器”,但这并不代表着应用运行不需要服务器,而是开发者不需要关心服务器。而基于 Serverless 思想实现的软件架构就是 Serve...
  • React面向组件跨层级通信

    父与子父组件包裹子组件,父组件向子组件传递数据。123456789101112131415161718192021222324// 子 const Button = ({ text }) => { <b...
  • 如何设计react组件

    痛定思痛没有很好的设计模式,写代码将会凌乱无序。没有模块划分,也没有组合的思想。 把一个页面写成一个组件 一个组件有3000行代码 基于场景的设计分类围绕“如何组合”根据不同的场景设计不同模式 组件的类别 无状态组件/哑组件/展示组件: 只做...
  • react的类组件和函数组件

    react的最小单位是组件 相同点 实际用途是一样的,都可作为基础组件展示UI 在现代浏览器中,除极端场景下,类(类组件)和闭包(函数组件)的性能差异不大 区别点 代码实现思想 类组件的根基是OOP,面向对象编程 函数组件的根据是FP,函数式编程 ...
  • react生命周期爬坑

    由于函数式组件会从头执行到尾,所以生命周期一定是在谈论类组件 梳理生命周期的时机和职责,建立时机与操作的对应关系 使用方式(时机梳理): 挂载,更新,卸载 适用范围(职责梳理):状态变更、错误处理 时机梳理挂载阶段挂载阶段是指组件从初始化到完成加载...