摘要: 前言 在富文本编辑器场景中, 表格是一种不可忽视的功能, 但是在当前 quill.js 的正式版本(1.x)中, 却不支持此功能 所以本文承接上文 链接, 来讲述下 quill.js 升级到 2.x 的问题以及添加表格功能 为什么需要升级 在目前的 1.x 版本中并不支持表格的元素, 而我们想要这个 阅读全文
posted @ 2022-11-03 01:11 Grewer 阅读(4082) 评论(0) 推荐(0) 编辑
摘要: 前言 在前端开发中, 富文本是一种常见的业务场景, 而本文要讲的就是富文本框架 quill.js 中的自定义工具栏的开发 介绍 Quill.js 是一个具有跨平台和跨浏览器支持的富文本编辑器。凭借其可扩展架构和富有表现力的 API,可以完全自定义它以满足个性化的需求。由于其模块化架构和富有表现力的 阅读全文
posted @ 2022-09-30 00:43 Grewer 阅读(6331) 评论(0) 推荐(0) 编辑
摘要: 前言 本文主要介绍 react-native(下称 RN) 的入门, 和前端的异同点 文章不涉及功能的具体实现 选择优势 我们先说说, 为什么很多人会选择使用 RN 、他对应的特性和普通 Web 的区别 前端资源, 生态的互通 因为使用的语言是 JS 和 react, 对于前端来说可以无缝切换, 并 阅读全文
posted @ 2022-08-31 22:55 Grewer 阅读(1974) 评论(1) 推荐(0) 编辑
摘要: 介绍 Bun 是一个现代的JavaScript运行环境,如Node, Deno。主要特性如下: 启动速度快。 更高的性能。 完整的工具(打包器、转码器、包管理)。 下面我们来横向对比下框架所说的性能: 相同电脑下, 不同 js 运行环境的每秒操作数 更多具体的优点 内置 fetch、WebSocke 阅读全文
posted @ 2022-07-30 02:09 Grewer 阅读(7622) 评论(1) 推荐(0) 编辑
摘要: 起因 场景一: 当前项目经历了刀耕火种地开发, 之后接入了 cli 工具集中管理打包, 那么项目中的依赖, 和 cli 工具中的依赖重合度是多少, 并且他的的版本是否相同, 是否有冗余代码 场景二: 项目中某一个库升级了, 他依赖了 A 库的 V3 版本, 同时当前项目依赖的是 A 库 V2版本, 阅读全文
posted @ 2022-06-28 02:56 Grewer 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 前言 在现代浏览器中, 我们会经常看到这样的属性: element { --main-bg-color: brown; } 这里我们就来介绍一下他, 并提供一些相关的说明 简介 自定义属性(有时候也被称作CSS变量或者级联变量)是由CSS作者定义的,它包含的值可以在整个文档中重复使用。由自定义属性标 阅读全文
posted @ 2022-05-10 01:32 Grewer 阅读(313) 评论(0) 推荐(0) 编辑
摘要: 背景 在当前业务项目中使用的 react-router 版本为 3.x, 而当前主流使用的是 5.x 以上, 本文就来探究 react-router 升级的方案 当前情况 目前使用的是 react-router3.x 版本 再加上和 redux 的搭配库 react-router-redux 一起使 阅读全文
posted @ 2022-04-14 01:35 Grewer 阅读(493) 评论(0) 推荐(0) 编辑
摘要: 前言 在前一段时间做一个需求的时候, 碰到一个自定义列表的功能, 他的所有数据显示都是通过 jSON 字符串来存储,使用也是通过 JSON 解析 起先他是有数据上限的, 但是后面提高上限后就出现了卡顿等问题, 所以本文就是介绍一些方案来解决前端大量数据的渲染问题 方案 innerHTML 首先是在很 阅读全文
posted @ 2022-04-01 01:07 Grewer 阅读(2105) 评论(0) 推荐(0) 编辑
摘要: react-window 这篇是 react-window 的源码阅读, 因为此库使用的是 flow, 所以会涉及一些特殊的东西, 和 ts 类似 使用 List 首先是 List 的使用: import {FixedSizeList as List} from 'react-window'; co 阅读全文
posted @ 2022-03-01 01:44 Grewer 阅读(1211) 评论(0) 推荐(0) 编辑
摘要: 前言: 这次本来想解析 react-virtualized 的源码, 但是他的内容太多, 太杂, 我们先从小的库入手, 由点及面 所以这次改为了 react-virtual 和 react-window 的源码, 这篇就是 react-virtual 什么是虚拟列表 一个虚拟列表是指当我们有成千上万 阅读全文
posted @ 2022-02-09 00:04 Grewer 阅读(406) 评论(0) 推荐(0) 编辑
摘要: 这次的版本是 6.2.1 使用 相比较 5.x 版本, 元素升级为了 简单的 v6 例子: function App(){ return <BrowserRouter> <Routes> <Route path="/about" element={<About/>}/> <Route path="/ 阅读全文
posted @ 2022-01-31 23:09 Grewer 阅读(488) 评论(5) 推荐(1) 编辑
摘要: 这次的版本是 6.0.2 这里只讲 react-router-dom 提供的 API, 像是 Routes, Router 这些都是 react-router 提供的 ##源码阅读 BrowserRouter, HashRouter BrowserRouter 和 hashRouter 的主要区别就 阅读全文
posted @ 2021-12-23 23:29 Grewer 阅读(284) 评论(0) 推荐(0) 编辑
摘要: ArrayBuffer 是什么 ArrayBuffer 对象用来表示通用的、固定长度的原始二进制数据缓冲区。 它是一个字节数组,通常在其他语言中称为“byte array”。 你不能直接操作 ArrayBuffer 的内容,而是要通过类型数组对象或 DataView 对象来操作,它们会将缓冲区中的数 阅读全文
posted @ 2021-11-29 23:57 Grewer 阅读(1839) 评论(0) 推荐(0) 编辑
摘要: react-loadable 源码解析 简要的来说, loadable 是一个高阶函数, 他同时利用了 react 的渲染 API, webpack 知识点, babel, promise 合并起来的组件 使用 首先我们要知道 react-loadable 他的用法是什么: loader 需要延迟加 阅读全文
posted @ 2021-10-31 23:42 Grewer 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 标准 JSON 格式 js 中的 JSON JavaScript Object Notation (JSON) 是一种数据交换格式。尽管不是严格意义上的子集,JSON 非常接近 JavaScript 语法的子集。 js 转换 JSON json 更接近是 js 支持的原生语法, 所以他也内置了解析 阅读全文
posted @ 2021-09-26 01:31 Grewer 阅读(64) 评论(0) 推荐(0) 编辑