js基础知识

requestAnimationFrame requestAnimationFrame是一个浏览器的宏任务，它的用法与setTimeout很相似，只是不需要设置时间间隔。 requestAnimati

axios取消请求有2种方式：一个是利用浏览器内置的AbortController对象，另一个是利用Axios自带的cancelToken对象来实现。 先node写个后端试试看： 1. AbortCo

一.ReactContextApi useContext 是 React 内置的状态管理解决方案，在一定程度上解决了组件状态共享的问题，看一个简单的 demo 测试如下： useContext最大的问

Zustand 状态库汇总已经介绍了zustand相关所有知识点，包括它的使用还有原理，今天重点直接实现一个迷你的zustand。 基础使用如下： 测试如下： 我们先创造一个create的函数： 其实

很多人一定用过react-loadable，这个库已经很久没有更新了，而且对vite的react项目很不友好，会报错，所以我一般会用react-lazyload来对react项目中的资源做懒加载。 r

1.import()函数--所有资源 它返回的是一个promise，你这样用是不行的。 正确使用： 组件加载的时候，它才去获取图片。即使没有渲染到它，页面上也已经有它存在了。 打包结果： 重点关注红框

一.实现思想 一看到低代码编辑器，我们一定想到的是拖拽，以为拖拽才是他的核心，其实不然，低代码编辑器和react playGround的核心都是数据。他们的本质就是数据驱动视图的思想。这和react、

长话短说，直接上使用方式！ 文档 一.使用方式： 1.安装 2.在根组件下面引入 main.tsx 3.App.tsx 4.App.css 测试如下： 5.添加 useDrag--拖 6.添加 use

前言 之前写了一篇文章作为前端开发，如何调试线上代码？深受大家喜爱，后面有网友说可以接入前端监控系统。我就写了前端数据监控平台 ,这篇文章在发送错误消息的时候用的是http请求，有网友说埋点和错误可以

你还在用document.getElementById('ele').offsetHeight获取元素的宽高吗？ no no no！ 今天介绍一个方法：getBoundingClientRect()

React Developer Tools，顾名思义，就是为React开发调试而生的工具。在chrome上安装它以后，你在开发者工具里面打开react页面就能直观的看到页面的组件。 安装React D

提到状态管理，大家可能首先想到的是 redux。 redux 是老牌状态管理库，能完成各种基本功能，并且有着庞大的中间件生态来扩展额外功能。 但 redux 经常被人诟病它的使用繁琐。这边写一下，那边

核心概念 HEAD： 当前 commit 在哪里，HEAD 就在哪里，这是一个永远自动指向当前 commit 的引用，所以你永远可以用 HEAD 来操作当前 commit。 head 相当于一个指针，

之前写了一篇文章 作为前端开发，如何调试线上代码？里面就前端线上或许会出现的问题和应对办法都说了一遍，但是还是不过瘾，因为很多时候，客户提出的问题，描述都不够准确。 比如客户说：你们的页面咋白屏了？

express是一个基于node.js平台,极简高效开发的web开发框架。 对于nodejs来说,express是一个第三方模块,支持丰富的api,强大而灵活的中间件特性 一 创建项目并初始化 创建一

我们开发了一个npm 包，还没有发布，但是你想链接你的项目测试一番，你想到的办法一定是下面两种： 一、直接修改 dependencies 这种方式，简单又粗暴，但是你一定要记得上线，修改地址呀，不然你

# 实现 React 的 Playground（1） # 实现 React 的 Playground（2） # 实现 React 的 Playground（3） # 实现 React 的 Playgr

# 实现 React 的 Playground（1） # 实现 React 的 Playground（2） # 实现 React 的 Playground（3） vue Playground 前面三章

上一节已经实现了左侧，切换文件list，编辑器里面的内容发生变化了。现在需要做的是将左边的编辑器也右边的预览器相互结合，实现playGround的核心功能了。 虽然@monaco-editor/rea

# 实现 React 的 Playground（1） 说了半天，playGround的原理其实就是，你动态在body标签里面加入一个script标签，当前script标签内容执行完成以后，浏览器会自动