中二Devil

假设我们现在在canvas上画了很多个节点(DisplayObject)，这些节点形成了一套层级关系，我们将鼠标移动到canvas元素上并点击了一下左键，这个时候，如何判断...

WebAssembly 从2015年诞生，经过多年的发展，在需要高性能的web应用场景下获得了广泛的应用。过去一年，我在多个项目中使用了WebAssembly技术，本文将分...

为什么react需要fiber架构，fiber如何让任务分片进行，vue为什么不需要fiber架构。...

JavaScript代码下载好之后，是如何一步步被执行的呢? 我们知道，浏览器内核是由两部分组成的，以webkit为例： WebCore:负责HTML解析、布局、渲染等等相...

Vue 和 React 都是基于 vdom 的前端框架，组件渲染会返回 vdom，渲染器再把 vdom 通过增删改的 api 同步到 dom。 当再次渲染时，会产生新的 v...

银弹存在吗？ 在上篇《为什么是 Zustand》中，我总结了在 ProEditor 这个重交互操作的场景下对状态管理的诉求，本篇将会从具体使用的角度来详细介绍下我是怎么用 ...

富文本编辑器相信大家都用过，相关的开源项目也很多，虽然具体的实现不一样，但是大部分都是使用DOM实现的，但其实还有一种实现方式，那就是使用HTML5的canvas，本文会带...

究竟语雀编辑器中什么技术是先进的呢？在我看来，技术本身其实不存在所谓的先进技术或者是落后的技术，技术的目的就是为了解决问题。...

本文探讨了 NextJS v13 的服务端组件和客户端组件的工作原理、使用时机和官方推荐的最佳实践。...

什么是状态管理？ 状态 状态是表示组件当前状况的 JS 对象。在 React 中，可以使用 useState 或者 this.state 维护组件内部状态，通过 props...

近期刷到了一些关于前端并发控制的文章，感觉有些人对并发控制有些误解，想起自己很多年前写一个扫描脚本的时候，由于数据量过大，为了让脚本能够运行的更快些写了一个并发控制的库： ...

Nextjs是一个使用react作为前端框架底层的支持SSR(请求时渲染)、SSG(构建时渲染)等技术的全栈框架，在2022年的服务端框架中排名第一。...

甲方客户甩来一个需求，需要把用户上传的视频、图片打包成zip并下载下来，并且要遵循一定的目录结构。原本需求定为后端实现，但经过后端同学调研了一...

Web Component ，它有很多使用场景，比如编写跨框架的组件库、微前端，完全用它开发复杂的应用也没问题。 而今天我要介绍的是它如何扮演框架/微应用之间的胶水层这个角...

全过程视频地址：https://www.bilibili.com/video/BV1nh411o7cp/直接复制粘贴去测试即可...

一个老同事，前几天跟我说他挨了领导的骂，说他滥用will-change这个属性，知其然不知其所以然。 我有点茫然，但是当他给我介绍他的用法的时候，我想说的是，“骂你的队伍能...