gauseen 的个人主页 - 动态

赞了这篇文章

FE @攻粽号：前端Sharing

·

3年前

「深入浅出」主流前端框架更新批处理方式

一背景大家好，我是 alien ，一提到更新，是前端框架中一个老生常谈的问题，这些知识也是在面试中，面试官比较喜欢问的，那么在不同的技术框架背景下，处理更新的手段各不相...

86

6

赞了这篇文章

前端研发工程师 @快手

·

3年前

React17源码解析(3) —— 深入理解 fiber

本章将介绍以下内容：为什么需要 fiber、fiber 节点结构中的属性、fiber 树是如何构建与更新的...

82

15

赞了这篇文章

公众号@线下聚会游戏 | B站@HullQin

·

3年前

Web如何适配无障碍？

在互联网时代，有幸为“障碍群体”开发无障碍的Web应用，让他们也能跟上时代潮流。我对这件事感到十分荣幸。今天，我带你了解下：Web如何适配无障碍？...

18

10

赞了这篇文章

一只前端 @Alipay

·

4年前

深入浅出微前端

深入浅出微前端背景什么是微前端微前端优势微前端解决方案为什么不是TA 为什么不是 iframe 为什么不是 Web Component 为什么不是ESM Sing...

5

赞了这篇文章

前端公众号 @JS酷

·

3年前

使用 React-DnD 打造简易低代码平台

前言 2016年起，低代码概念开始在国内兴起，当年该行业总共有 10 起融资事件，之后低代码行业融资笔数整体呈上升趋势，并在2020年增长至14起，其中亿元以上融资有13起...

124

9

赞了这篇文章

前端开发

·

4年前

前端状态管理

背景为什么前端需要状态管理？现代主流的前端框架，不管是 react 还是 vue，都是组件化开发。组件化虽然可以提高代码复用率，但是同时也带来一个问题，那就是组件之间的通...

1

赞了这篇文章

前端

·

6年前

React性能测量和分析

上一篇文章讲了 React 性能优化的一些方向和手段，这篇文章再补充说一下如何进行性能测量和分析, 介绍 React 性能分析的一些工具和方法. 进行任何性能优化的前提是你...

112

5

赞了这篇文章

参与 Node.js、MobX、Snowpack、SWR 等 @ByteDance

·

4年前

React 性能优化 | 包括原理、技巧、Demo、工具使用

⁣React 的工作流程是什么？我们可以在哪些阶段进行性能优化呢？如果 React 项目中出现了卡顿，我们可以采用哪些性能优化技巧？如何通过 React Profile...

490

47

赞了这篇文章

钱端公诚施 @前tencent -> bytedance

·

5年前

小伙伴遇到这个问题说不想干前端了——一次Chrome翻译造成的玄学bug

前排提示，现在掘金发文的时候有违禁词会发不出去。所以花了半小时发文章，反复使用二分法排除定位违禁词语，能发出去说明前面内容没问题，然后再加一点内容继续试。我还在发文章的时候...

190

40

赞了这篇沸点

轮子工程师 @Mars

·

4年前

家人们，react写的vant，可用于生产，招小白鼠。

优秀开源项目

等人赞过

8

赞了这篇沸点

4年前

draggable元素内，子元素 drag enter/leave 会触发父元素上的事件，理论上解释是 dragenter/dragleave 事件具有冒泡特性。由于光标在空白区域和子元素间切换，event.target 会多次返回父元素节点，要判断是否在父元素内拖动需要屏蔽掉子元素的干扰，有几种解决方法：
1. 父元素内所有节点绑定事件监听设置 event.stopPropagation() -> 消耗太大
2. 父元素内所有节点设置 pointer-events: none -> 副作用太大
3. 记录 dragentered 的次数，dragenter 时计数+1，dragleave 时计数-1。dragentered 为 0 时处于父元素之外