• webpackPlugins

    webpack.DefinePlugin 简介在编译时创建一个可以配置的全局变量,在区分开发模式|生产模式的不同时十分有用。 使用: 在webpack的plugins中,增加webpack.DefinePlugin(Object)的实例 方法中传入的...
  • vue3的数据响应式系统

    Vue2.0的数据监听Object.defineProperty 12345678910111213141516const object1 = {};Object.defineProperty(object1, 'property...
  • 数据结构与算法之队列

    队列 特性:先进先出 解题法则: 题目具备广度遍历(分层遍历)和顺序输出的特点,就应该想到用FIFO 队列来试一试。 滑动窗口类型题 模板: 分层遍历 循环队列 单调队列 普通队列 例题1:从上到下按层打印二叉树,同一层结点按从左到右的顺...
  • 手写代码系列之New(fn)

    New操作符做了哪些事 创建了一个全新的对象。 会被执行[[Prototype]](也就是proto)链接。 使this指向新创建的对象。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数...
  • 手写代码系列之防抖与节流

    防抖思路:在规定时间内未触发第二次,则执行 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...