typescript 进阶(一)

7 月 3 日
阅读 6 分钟
280
本文主要记录个人在使用 typescript 时的一些用法,介绍 typescript 。建议在阅读前先了解 typescript 的基础语法。

kosaraju 算法

2 月 27 日
阅读 3 分钟
670
科萨拉朱算法(英语:Kosaraju's algorithm),也被称为科萨拉朱—夏尔算法,是一个在线性时间内寻找一个有向图 "图 (数学)")中的强连通分量的算法。

V8 入门记录二:环境与调试

1 月 17 日
阅读 5 分钟
558
环境搭建这里先说下我的环境, 这是代码运行的前提。系统: Mac Monterey 12.6.8Xcode: 14.2Python: 3.11.6 (不要使用 2.x 版本!)建议全程指令都在FQ工具下进行由源码构建 V8首先我们需要一个工具 depot_tools执行指令克隆,这里我是在文件夹 /Users/apple/Sites/demo/depot_tools 下执行的 {代码...} 再在配置文件里...

V8 入门记录一:初识

2023-12-13
阅读 7 分钟
1k
我想前端从业人员或多或少会听说过这个词,但是他具体是什么, 怎么入门, 怎么学习是一个较高的门槛,本文就 V8 入门,来做一个记录,也方便大家的学习。

浅析微前端框架 qiankun 的实现

2023-10-23
阅读 12 分钟
981
Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。

浅析微前端沙箱

2023-09-17
阅读 9 分钟
2.1k
Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。

富文本编辑器 quill.js 开发(五): 自定义插件

2023-08-14
阅读 6 分钟
1.4k
在 quill.js 中,扩展性最强大的功能就是插件 本文主要以一个图片扩展的插件来介绍 quill 插件开发在 quill.js 中他有着自己的名字: Modules,而他也内置了 5 种插件:TOOLBARKEYBOARDHISTORYCLIPBOARDSYNTAX分别是: 自定义工具栏、键盘事件控制、撤销/重做功能配置、剪贴板配置、语法高亮本文中的例子主要来源于 quill ...

React 中的 JS 报错及容错方案

2023-07-11
阅读 8 分钟
5.1k
SyntaxError(语法错误)对象代表尝试解析不符合语法的代码的错误。当 Javascript 引擎解析代码时,遇到了不符合语法规范的标记(token)或标记顺序,则会抛出 SyntaxError。

React 性能 debug 小记

2023-05-25
阅读 4 分钟
1.1k
前言之前开发重构项目的时候,遇到了一些问题, 如 hooks 的性能问题和 quill 的重载问题。本文就是记录这些问题的解决过程。场景在基于富文本的输入场景中,我们发现在输入回车后会出现明显的卡顿现象。为了更好地展示此类场景,这里使用了一个简单的例子展示。 {代码...} 这是页面的主要结构, 内容分别是一堆 hooks + ...

富文本编辑器 quill.js 开发(四): 自定义格式扩展

2023-05-25
阅读 6 分钟
3.3k
鉴于各种繁杂的需求,quill.js 编辑器也面临着各种挑战,例如我们需要添加“table”布局样式以适应邮件发送格式,手动扩展表情符号功能等等。本文将对这些可定制化功能进行讲解和实现。

module Federation 简介与应用

2023-03-26
阅读 6 分钟
2k
有用过 webpack 的小伙伴都知道, 在我们打包时, 都会对资源进行分包, 或者使用异步加载路由的方案,这样打出来的包(也叫 chunk), 在我们使用时, 就是一个单独的加载

Single-spa 源码浅析

2023-03-26
阅读 11 分钟
1.4k
引言前一段时间, 正好在做微前端的接入和微前端管理平台的相关事项。 而我们当前使用的微前端框架则是 qiankun, 他是这样介绍自己的:qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。所以本文基于 single-spa 源码, 来介绍 single-spa当前使用版本 5.9.4启...

浅析瀑布流布局原理

2023-01-30
阅读 6 分钟
5.2k
瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是 Pinterest,逐渐在国内流行开来。国内大多数清新站基本为这类风格。

富文本编辑器 quill.js 开发(三): 光标和选区

2023-01-30
阅读 9 分钟
2.3k
锚指的是一个选区的起始点(不同于 HTML 中的锚点链接)。当我们使用鼠标框选一个区域的时候,锚点就是我们鼠标按下瞬间的那个点。在用户拖动鼠标时,锚点是不会变的。

聊聊前端图片的格式和优化

2022-11-28
阅读 6 分钟
1.9k
前言在当前的 web 开发过程中, 图片的使用是一种重要的功能本期就来聊聊, 开发中的图片以及我们如何优化图片图片的类型以及对比位图位图的特点是可以表现色彩的变化和颜色的细微过渡,产生逼真的效果,缺点是在保存时需要记录每一个像素的位置和颜色值,占用较大的存储空间。位图的文件类型很多,如.bmp、.pcx、.gif、.j...

富文本编辑器 quill.js 开发(二): 升级与表格功能

2022-11-02
阅读 4 分钟
4.1k
在目前的 1.x 版本中并不支持表格的元素, 而我们想要这个功能的话 一是升级, 通过官方的支持来添加, 二是我们自己开发, 但是这样的成本过大了

富文本编辑器 quill.js 开发(一): 自定义工具栏

2022-09-30
阅读 9 分钟
3.7k
Quill.js 是一个具有跨平台和跨浏览器支持的富文本编辑器。凭借其可扩展架构和富有表现力的 API,可以完全自定义它以满足个性化的需求。由于其模块化架构和富有表现力的 API,可以从 Quill 核心开始,然后根据需要自定义其模块或将自己的扩展添加到这个富文本编辑器中。它提供了两个用于更改编辑器外观的主题,可以使用...

写给前端的 react-native 开发入门指南

2022-08-31
阅读 9 分钟
4.1k
前言本文主要介绍 react-native(下称 RN) 的入门, 和前端的异同点文章不涉及功能的具体实现选择优势我们先说说, 为什么很多人会选择使用 RN 、他对应的特性和普通 Web 的区别前端资源, 生态的互通因为使用的语言是 JS 和 react, 对于前端来说可以无缝切换, 并且他还能使用前端的各类包在 JS 端, 安卓和 iOS 是同一套代码...

bun.js 一个新的JavaScript运行环境

2022-07-30
阅读 4 分钟
5.7k
介绍Bun 是一个现代的JavaScript运行环境,如Node, Deno。主要特性如下:启动速度快。更高的性能。完整的工具(打包器、转码器、包管理)。下面我们来横向对比下框架所说的性能:相同电脑下, 不同 js 运行环境的每秒操作数更多具体的优点内置 fetch、WebSocket 和 ReadableStream 等API可以在bun.js中使用npm包。支持ESM和...

node_modules 瘦身

2022-06-28
阅读 8 分钟
2.2k
场景一: 当前项目经历了刀耕火种地开发, 之后接入了 cli 工具集中管理打包, 那么项目中的依赖,和 cli 工具中的依赖重合度是多少, 并且他的的版本是否相同, 是否有冗余代码

CSS 自定义属性指北

2022-05-10
阅读 4 分钟
1.9k
自定义属性(有时候也被称作CSS变量或者级联变量)是由CSS作者定义的,它包含的值可以在整个文档中重复使用。由自定义属性标记设定值(比如: --main-color: black;),由var() 函数来获取值(比如: color: var(--main-color);)

react-router v3 升级至 v6 探索小结

2022-04-14
阅读 6 分钟
4.6k
在当前业务项目中使用的 react-router 版本为 3.x, 而当前主流使用的是 5.x 以上, 本文就来探究 react-router 升级的方案

前端多数据渲染优化

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

打造自定义 eslint

2021-06-19
阅读 13 分钟
4.4k
起因在多人合作项目中, eslint 和 prettier 是不必能缺少的, 他能帮助你,统一规范某一事物, 某一个方法的使用但是有时候也并不尽如人意, 有些规范官方包没提供, 但是我们也需要进行一定的规范, 这个时候靠人工 code review 是不可靠的了所以我们需要的是自定义 eslint ,来规范我们的开发原理ast 语法树其实 eslint 的原...

WebComponents使用以及思考

2021-05-06
阅读 9 分钟
4.5k
说起来这个东西, 出来至少 2 年了, 但是因为最近两年我基本没做过 web 端的东西, 所以也没怎么解过了, 趁着这次放假, 补充一下知识点
封面图

SHELL 语法以及实例

2021-04-19
阅读 4 分钟
2.1k
Bash,Unix shell的一种,在1987年由布莱恩·福克斯为了GNU计划而编写。1989年发布第一个正式版本,原先是计划用在GNU操作系统上,但能运行于大多数类Unix系统的操作系统之上,包括Linux与Mac OS X v10.4起至macOS Mojave都将它作为默认shell,而自macOS Catalina,默认Shell以zsh取代。 -- 来自于维基百科