Grewer

摘要： 前言 在现代浏览器中, 我们会经常看到这样的属性: element { --main-bg-color: brown; } 这里我们就来介绍一下他, 并提供一些相关的说明 简介 自定义属性（有时候也被称作CSS变量或者级联变量）是由CSS作者定义的，它包含的值可以在整个文档中重复使用。由自定义属性标 阅读全文

摘要： 背景 在当前业务项目中使用的 react-router 版本为 3.x, 而当前主流使用的是 5.x 以上, 本文就来探究 react-router 升级的方案 当前情况 目前使用的是 react-router3.x 版本 再加上和 redux 的搭配库 react-router-redux 一起使 阅读全文

摘要： 前言 在前一段时间做一个需求的时候, 碰到一个自定义列表的功能, 他的所有数据显示都是通过 jSON 字符串来存储,使用也是通过 JSON 解析 起先他是有数据上限的, 但是后面提高上限后就出现了卡顿等问题, 所以本文就是介绍一些方案来解决前端大量数据的渲染问题 方案 innerHTML 首先是在很 阅读全文

摘要： react-window 这篇是 react-window 的源码阅读, 因为此库使用的是 flow, 所以会涉及一些特殊的东西, 和 ts 类似 使用 List 首先是 List 的使用: import {FixedSizeList as List} from 'react-window'; co 阅读全文

摘要： 前言: 这次本来想解析 react-virtualized 的源码, 但是他的内容太多, 太杂, 我们先从小的库入手, 由点及面 所以这次改为了 react-virtual 和 react-window 的源码, 这篇就是 react-virtual 什么是虚拟列表 一个虚拟列表是指当我们有成千上万 阅读全文

摘要： 这次的版本是 6.2.1 使用 相比较 5.x 版本, 元素升级为了 简单的 v6 例子: function App(){ return <BrowserRouter> <Routes> <Route path="/about" element={<About/>}/> <Route path="/ 阅读全文

摘要： 这次的版本是 6.0.2 这里只讲 react-router-dom 提供的 API, 像是 Routes, Router 这些都是 react-router 提供的 ##源码阅读 BrowserRouter, HashRouter BrowserRouter 和 hashRouter 的主要区别就 阅读全文

摘要： ArrayBuffer 是什么 ArrayBuffer 对象用来表示通用的、固定长度的原始二进制数据缓冲区。 它是一个字节数组，通常在其他语言中称为“byte array”。 你不能直接操作 ArrayBuffer 的内容，而是要通过类型数组对象或 DataView 对象来操作，它们会将缓冲区中的数 阅读全文

摘要： react-loadable 源码解析 简要的来说, loadable 是一个高阶函数, 他同时利用了 react 的渲染 API, webpack 知识点, babel, promise 合并起来的组件 使用 首先我们要知道 react-loadable 他的用法是什么: loader 需要延迟加 阅读全文

摘要： 标准 JSON 格式 js 中的 JSON JavaScript Object Notation (JSON) 是一种数据交换格式。尽管不是严格意义上的子集，JSON 非常接近 JavaScript 语法的子集。 js 转换 JSON json 更接近是 js 支持的原生语法, 所以他也内置了解析 阅读全文

摘要： 因为我的主要技术站是以 react 为主, 所以框架篇中不会写太多 vue 相关知识点 最近经历了好多次的面试, 这里就将我最近面到的或者说是看到的题目记录下来, 作为后面换工作时的预习 这些都会了, P6 是不成问题的 主要分为六大类, css, js, 框架,浏览器, 计算机基础, 算法 CSS 阅读全文

摘要： 起因 在多人合作项目中, eslint 和 prettier 是不必能缺少的, 他能帮助你,统一规范某一事物, 某一个方法的使用 但是有时候也并不尽如人意, 有些规范官方包没提供, 但是我们也需要进行一定的规范, 这个时候靠人工 code review 是不可靠的了 所以我们需要的是自定义 esli 阅读全文

摘要： 什么是二叉查找树 二叉查找树（英语：Binary Search Tree），也称为二叉查找树、有序二叉树（ordered binary tree）或排序二叉树（sorted binary tree） 他拥有以下性质: 若任意节点的左子树不空，则左子树上所有节点的值均小于它的根节点的值； 若任意节点的 阅读全文

摘要： 对称二叉树 创建一个函数，用来判断一颗二叉树是不是对称的 如图, 这就是对称的二叉树 注意下图, 不是对称二叉树 思路: 从根节点开始, 他的左子树和右子树节点比较, 然后依次递归下去, 只要有一个不同就返回 false const isSymmetric = function (root) { i 阅读全文

摘要： 什么是二叉树 在计算机科学中，二叉树（英语：Binary tree）是每个节点最多只有两个分支（即不存在分支度大于2的节点）的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒。 二叉树的第i层至多有2^个结点； 深度为k的二叉树至多有2k-1个结点； 对任何一棵二 阅读全文