bai1276

DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。 Dom标准事件流的触发的先后顺序为：先捕获再冒泡。...

本篇文章从画一个点入手介绍关于 webgl —— 一个可以结合 h5 和 js 在网页上绘制渲染 3D/2D 图形的 js api 的相关知识，顺便祝大家新春快乐！...

React中CSS Module的原理是什么？`:global`是做什么的？ Vue中Scoped的原理是什么？深度作用选择器是什么？...

本文主要介绍了Vue2.X和Vue3.X的数据响应式原理，同时补充了发布订阅模式和观察者模式，最后手写min-vue的数据响应式。...

作为一名开发人员，阅读源码是非常好的学习方式，尤其Vue又是当下很受欢迎的前端框架，随着用的人越来越多，不断推动着源码地完善。在源码中有着各位大佬多年积淀下来的精华，而这些...

相信很多小伙伴在面试的时候都会被问到一个问题：Vue的初始化过程都做了些什么？ 本篇文章将从源码的角度带你一起解析，Vue的整个初始化过程。...

最近，群里聊到了一个很有意思的布局效果。大致效果如下所示，希望使用 CSS 实现如下所示的布局效果： 正常而言，我们的 HTML 结构大致是如下所示： 对于 Hover 导...

前言 很多项目中都会使用到地图，使用的地图基本都是百度、高德、腾讯这些，但是，使用步骤都是大差不差的； 就以高德为例，说一下基本的使用流程； 下面是使用高德地图的基本流程：...

通常 Vue 项目中的数据通信，我们通过以下三种方式就可以解决，但是随着项目多层嵌套的组件增加，兄弟组件间的状态传递非常繁琐，导致不断的通过事件来变更状态，同步状态多份拷贝...

对于一个复杂的后台管理系统，权限管理的颗粒度有可能细化到按钮级别。本文我们将继续把颗粒度细化到`按钮级别`来展开讨论，来了解一下不同角色权限下是如何做按钮级别的权限控制的。...

Vue3 中可以在 style 标签中使用 :deep() 的方法进行样式穿透，主要是解决在使用第三方的 UI 库（如 element-plus 等）导致的时对其样式设置不...

许多开发人员继续使用useState和useEffect Hook来更新状态，但是我不喜欢这种访问。问题是，它会导致组件同时挂载、重新挂载和卸载，从而导致意外行为。因此，在...

Jotai 可以看作是 Recoil 的简化版，使用了 Atom + Hook + Context，用于解决 React 全局数据流管理的问题...

本文详细的讲述了 useCallback 与 useMemo 的使用场景，以及有哪些使用中常遇到的问题与采坑点。...

在现代 Web 开发中，CSS 作为样式语言，扮演着至关重要的角色。从最初的简单静态页面，到如今复杂的前端架构，CSS 方案也在不断演进。然而，随着项目规模的扩大，传统的 ...

建议做体操之前阅读： 官方文档 大佬的文章，受益匪浅 之前在写一个自己的库，深感自身的ts写的太渣，所以决心要好好修炼一下ts，不得不的说，只有掌握了这些姿势，才能在运用中...

前言 ZRender 是二维绘图引擎，是轻量级的 Canvas 类库，它提供 Canvas、SVG、VML 等多种渲染方式，它可以用于绘制各种图形，包括线条、矩形、圆形、多...

这是我在学习数据可视化时做的笔记，这一系列的文章主要涉及的是数据可视化在前端的技术，包括 HTML、CSS、JavaScript，其中主要使用 SVG 和 D3.js 框架...

在 JavaScript 的世界中，我们至少或许常常听到 函数式编程，但是你之前听说过 面向切面编程吗 ？...