首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
专精 js
uccs
创建于2022-12-14
订阅专栏
前后端 javascript 专栏
等 23 人订阅
共38篇文章
创建于2022-12-14
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React 源码:函数组件和类组件及 ref 和 setState 的实现
setState 如何实现同步和异步更新,如何创建合成事件,如何实现ref,函数组件和类组件实现差异
React 源码:createElement 和 render 函数实现原理
将 jsx 转换成虚拟 dom ,并将虚拟 dom 渲染在页面上背后的源码实现你了解吗
在 vite 项目中配置环境变量踩坑记录
接到一个需求,需要在访问路径上增加一层路径 一想这不是分分钟完成的事情么?vite 提供的 base 就可以实现 配置完 base 之后,页面中的资源在打包后都加上了 base 中配置的路径 不过仔细
学习脚手架开发
在开发脚手架在前,需要现简单配置一个 node 环境 目前有些第三方包使用 ES Modules,有的包又使用 CommonJS,这就导致了在 node 中使用 ES Modules 时,无法使用 r
一行代码快速实现全局模糊
页面在展示时,某些敏感的数据不想展示,可以使用该插件,对敏感数据进行模糊处理 敏感数据过滤通常是由后端去做的,有时候在某些场合不想展示某些数据,这时让后端去改代码,再重新部署,这样的成本太高,所以前端
前端可视化大屏自适应工具,开箱即用
大屏适配解决方案 做可视化大屏时,在适配屏幕上,有四种常用的解决方案: 根据屏幕尺寸随意缩放 适用场景:留白不可接受的情况下使用 优点:占满屏幕,美观 缺点:屏幕尺寸比和设计稿尺寸比不一致时,导致变形
组件卸载时 DOM 树的自动清理机制是怎样的
本文对应的 react 版本是 18.2.0 通过上两讲: 掌握 React 组件树遍历技巧 useEffect 返回的函数是怎么执行的 我们已经知道了 react 是如何找到 passive eff
useEffect 返回的函数是怎么执行的
本文对应的 react 版本是 18.2.0 在正式开始之前,我们要了解一个 fiber 的属性:deletions 这个属性存放的是当前节点中被删除的 fiber,这个数组是在 commit 阶段被
掌握 React 组件树遍历技巧
下面的 dom 结构react 内部是如何遍历的 react 内部遍历核心逻辑: 在 render 时调用 commitPassiveUnmountOnFiber 函数 commitPassiveUn
GeoJSON:地理信息的JSON表示法
GeoJSON 是一种使用 JSON 来编码各种地理数据结构的格式,是一种轻量级的数据交换格式,可以用来表示几何对象、属性数据、空间参考系统等信息
剖析 React 任务调度机制:scheduleCallback 实现原理
unstable_scheduleCallback 这个函数是 react 任务调度核心函数,主要作用是根据任务的优先级进行任务调度 它接收一个优先级(priorityLevel)、一个回调函数(ca
React Lane 算法:一文详解 8 种 Lane 操作
本文对应的 react 版本是 18.2.0 在阅读源码时,react 有很多位操作,这些位操作大都是对 lane 的操作 如果不了解这些位操作含义,看源码时会一脸懵逼: 为什么运算前的值和运算后的值
深入探究 React 原生事件的工作原理
本文对应的 react 版本是 18.2.0 ReactDOM 是 react 的 dom 渲染器,它从 react-dom/client 中导出 当我们调用 ReactDOM.createRoot
《图解 Google V8》事件循环和垃圾回收——学习笔记(三)
这是《图解 Google V8》第三篇/共三篇:事件循环和垃圾回收 这里主要讲了 2 点: 事件循环:宏任务和微任务 什么是微任务 微任务的执行时机 垃圾回收 垃圾回收运行过程 垃圾回收算法 通过这个
《图解 Google V8》编译流水线篇——学习笔记(二)
本文是第二篇:编译流水线 学习下来最大的收获有两点: 1. `V8` 如何提升 `JavaScript` 执行速度 - 早期缓存机器码,之后重构为缓存字节码 2. 在 `JavaScript` 中访问
《图解 Google V8》设计思想篇——学习笔记(一)
最新在学《图解 Google V8》 这个专栏的优点是:写的通俗易懂,没有涉及 V8 源码部分,对于前端还是比较友好的,学完之后能够知道写下一段 js 代码后,V8 背后都做了哪些事情 这个专栏的不足
如何在 React 中优雅的使用 addEventListener
在 React Hooks 中使用第三方库的事件时,很多人会写成这样: 这样写会有问题: 它只会在这个组件加载时,绑定事件,如果这个事件中用到了其他的 state,那么这个状态发生变化时
Promise基础(消化错误和抛出错误)
then then 函数的会接收两个回调函数,一个是 onFulfilled 函数,一个是 onRejected 函数 如果这两个回调函数没有写返回值,默认会 return undefined; 进入