WindrunnerMax的博客_App,Browser,CSS

SVG与foreignObject元素

# SVG与foreignObject元素可缩放矢量图形`Scalable Vector Graphi

SVG

xml

HTML

原创 1月前 41 阅读

从零实现的Chrome扩展

# 从零实现的Chrome扩展 `Chrome`扩展是一种可以在`Chrome`浏览器中添加新功能和修改浏

Chrome

json

ico

原创 1月前 14 阅读

初探富文本之CRDT协同算法

初探富文本之CRDT协同算法 CRDT的英文全称是Conflict-free Replicated Data Type，最初

数据

分布式系统

客户端

原创 1月前 53 阅读

初探富文本之OT协同实例

初探富文本之OT协同实例在前边初探富文本之OT协同算法一文中我们探讨了为什么需要协

json

客户端

服务端

原创 1月前 56 阅读

基于drawio构建流程图编辑器

# 基于drawio构建流程图编辑器 `drawio`是一款非常强大的开源在线的流程图编辑器，

加载

Graph

流程图

原创 1月前 60 阅读

初探富文本之CRDT协同实例

初探富文本之CRDT协同实例在前边初探富文本之CRDT协同算法一文中我们探讨了为什么需要协同、分布式的最终一致性理论、偏序集与半格的

数据结构

客户端

IP

原创 2月前 87 阅读

React闭包陷阱

React闭包陷阱React Hooks是React 16.8引入的一个新特性，其出现让React的函数组件也能够拥有状态和生命周期方法，其优势在于可以让我们在不编写类组件的情况下，更细粒度地复用状态逻辑和副作用代码，但是同时也带来了额外的心智负担，闭包陷阱就是其中之一。闭包从React闭包陷阱的名字就可以看出来，我们的问题与闭包引起的，那么闭包就是我们必须要探讨的问题了。函数和对其词法环境lex

作用域

词法

局部变量

原创 2月前 46 阅读

Hooks与事件绑定

Hooks与事件绑定在React中，我们经常需要为组件添加事件处理函数，例如处理表单提交、处理点击事件等。通常情况下，我们需要在类组件中使用this关键字来绑定事件处理函数的上下文，以便在函数中使用组件的实例属性和方法。React Hooks是React 16.8引入的一个新特性，其出现让React的函数组件也能够拥有状态和生命周期方法。Hooks的优势在于可以让我们在不编写类组件的情况下，复用状

数组

事件绑定

作用域

原创 3月前 44 阅读

初探富文本之OT协同算法

初探富文编辑的算法。当前OT算法用的比较多的地方就是富文本编辑器领域了，常用于作为实现文档协同的底层算法，支持多个用户同时编辑文档，不会因为用户并发修改导致冲突，而导致结果不一致甚至数据丢失的问题。

客户端

乐观锁

初始状态

原创 4月前 112 阅读

初探富文本之编辑器引擎

初探富文本之编辑器引擎在前文中我们介绍了富文本的基础概念，以及富文

数据结构

github

API

原创 8月前 180 阅读

基于NoCode构建简历编辑器

基于NoCode构建简历编辑器基于NoCode构建简历编辑器，要参加秋招了，因为

JSON

数据

加载

原创 8月前 75 阅读

初探富文本之富文本概述

初探富文本之富文本概述富文本编辑器通常指的是可以对文字、器也已经不仅限于文字和图片，

富文本编辑器

html

富文本

原创 9月前 311 阅读

Hooks与普通函数的区别

Hooks与普通函数的区别在这里的Hooks具体指的是自定义Hooks，自定义的Hooks与我们定义的普通函数类似，都可以封装逻辑，以实现逻辑的复用。Hooks实际上是一种特殊的函数，而由于Hooks的特殊实现，他们之间也存在着一定的区别。描述在我开始学习React Hooks的时候，我就比较

数据

自定义

复用

原创 10月前 77 阅读

Context与Reducer

Context与Reducer Context是React提供的一种跨组件的通信方案，useContext与useReducer是在React 16.8之后提供的Hooks API，我们可以通过useContext与useReducer来完成全局状态管理例如Redux的轻量级替代方案。 useCon

ide

数据

显式

原创 10月前 255 阅读

基于slate构建文档编辑器

基于slate构建文档编辑器 slate.js是一个完全可定制的框架，用于构建富文

嵌套

富文本编辑器

数据

原创 10月前 298 阅读

MutationObserver对象

MutationObserver对象 MutationObserver (W3C DOM4)对象提供了监视对DOM树所做更改的能力，其被设计为旧的Mutation Events功能的替代品(该功能是DOM3 Events规范的一部分)。描述 Mutation Observer用来监视DOM变动，D

回调函数

html

子节点

原创 2022-08-21 01:14:40 109 阅读

竞态问题与RxJs

竞态问题与RxJs 竞态问题通常指的是在多线程的编程中，输入了相同的条件，但是会输出不确定的结果的情况。虽然Js是单线程语言，但由于引入了异步编程

操作符

服务器

数据

原创 2022-06-07 20:39:18 167 阅读

Vuex和普通全局对象

Vuex中的核心方法 Vuex是一个专为Vue.js应用程序开发的状态管理模式，其采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。每一个Vuex应用的核心就是store仓库，store基本上就是一个容器，它包含着你的应用中大部分的状态state。描述在大

数据

软件设计

辅助函数

原创 2022-05-28 01:02:53 217 阅读

有状态和无状态组件

有状态和无状态组件组件是自我维持的、独立的微实体，其描述了UI的一部分，可以将应用程序的UI拆分为较小的组件，其中每个组件都有自己的代码、结构和API，简单来说组件允许你将UI拆分为独立可复用的代码片段，并对每个片段进行独立构思。描述 React中的组件按状态主要分为无状态组件和有状态组件两类，

生命周期

函数式

github

原创 2022-05-28 01:02:46 261 阅读

v-model数据绑定分析

v-model数据绑定分析 v-model是Vue提供的指令，其主要作用是可以实现在表单<input>、<textarea>及<select>等元素以及组件上创建双向数据绑定，其本质上就是一种语法糖，既可以直接定义在原生表单元素，也可以支持自定义组件。在组件的实现中，可以配置子组件接收的prop名称

html

字符串

javascript

原创 2022-05-28 01:02:45 53 阅读

useMemo与useCallback

useMemo与useCallback useMemo和useCallback都可缓存函数的引用或值，从更细的角度来说useMemo则返回一个缓存的值，useCallback是返回一个缓存函数的引用。 useMemo useMemo的TS定义可以看出，范型T在useMemo中是一个返回的值类型。 t

回调函数

缓存

数组

原创 2022-05-28 01:02:32 83 阅读

服务端渲染SSR的理解

服务端渲染SSR的理解 SSR服务端渲染Server Side Render就是当进行请求时，页面上的内容是通过服务端渲染生成的，浏览器直接显示服务端返回的HTML即可。客户端渲染CSR 通常在构建一个普通的SPA单页应用时，就是构建的客户端渲染的应用，CSR客户端渲染Client Side Re

服务端

客户端

服务器

原创 2022-05-28 01:02:25 33 阅读

Nginx常用配置

Nginx常用配置 Nginx (Engine X)是一个轻量级的高性能的HTTP和反向代理web服务器，同时也提供了电子邮件IMAP/POP3/SMTP服务，在BSD-like协议下发行，其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好。常用命令 -c <

nginx

负载均衡

配置文件

原创 2022-05-28 01:02:18 133 阅读

Vue中computed分析

Vue中computed分析在Vue中computed是计算属性，其会根据所依赖的数据动态显示新的计算结果，虽然使用{{}}模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的，在模板中放入太多的逻辑会让模板过重且难以维护，所以对于任何复杂逻辑，都应当使用计算属性。计算属性是基于数据的响应式

数据

html

缓存

原创 2022-05-28 01:02:08 167 阅读

Git与SVN对比

Git与SVN对比 Git与SVN都是版本控制系统，版本控制是指对软件开发过程中各种程序代码、配置文件及说明文档等文件变更的管理，是软件配置管理的核心思想之一，最主要的功能就是追踪文件的变更。描述 SVN是集中式管理的版本控制器，而Git是分布式管理的版本控制器，这是两者之间最核心的区别。 SVN

svn

git

服务器

原创 2022-05-28 01:02:02 195 阅读

Vue事件绑定原理

Vue事件绑定原理 Vue中通过v-on或其语法糖@指令来给元素绑定事件并且提供了事件修饰符，基本流程是进行模板编译生成AST，生成render函数后并执行得到VNode，VNode生成真实DOM节点或者组件时候使用addEventListener方法进行事件绑定。描述 v-on与@用于绑定事件监

修饰符

事件绑定

字符串

原创 2022-05-28 01:01:54 589 阅读 1收藏

Hooks中的useState

Hooks中的useState React的数据是自顶向下单向流动的，即从父组件到子组件中，组件的数据存储在props和state中，实际上在任何应用中，数据都是必不可少的，我们需要直接的改变页面上一块的区域来使得视图的刷新，或者间接地改变其他地方的数据，在React中就使用props和state两

复用

代码复用

作用域

原创 2022-05-28 01:01:52 90 阅读

建立DNS隧道绕过校园网认证

建立DNS隧道绕过校园网认证因为之前在本科的时候破解过校园网三次，主要就是利用其业务逻辑上的漏洞、53端口未过滤包、重放攻击的手段，然后就是一个博弈的过程，这三次加起来用了大概有一年的时间就被完全堵死了，最近又比较需要网络，然后有开始想折腾了，不过这次建立dns隧道虽然是成功建立了，使用正常网络是

服务器

域名服务器

服务端

原创 2022-05-28 01:01:38 428 阅读

useEffect与useLayoutEffect

useEffect与useLayoutEffect useEffect与useLayoutEffect可以统称为Effect Hook，Effect Hook可以在函数组件中执行副作用操作，副作用是指函数或者表达式的行为依赖于外部环境，或者在这里可以理解为修改了某状态会对其他的状态造成影响，这个影响

生命周期

数组

css

原创 2022-05-28 01:01:35 59 阅读

解决ufw下pptp客户端连接问题

解决ufw下pptp客户端连接问题解决ubuntu在启动ufw的情况下pptp客户端无法链接的问题。修改/etc/ufw/before.rules 在COMMIT之前添加如下内容： -A ufw-before-input -p 47 -j ACCEPT 修改/etc/default/ufw 在I

客户端

ubuntu

重启

原创 2022-05-28 01:01:27 111 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

WindrunnerMax