一、js 滚动事件 scroll 鼠标移入停止自动滚动，且可以手动上下滚动，可以随时滚动到顶部或底部；鼠标移出自动滚动。 滚动数据根据需要改为图片或html元素，或者从接口读取数据组装元素。 实现首尾衔接的思路，分为每条数据固定高度、每条数据不固定高度。如果每条数据固定高度，计算一条数据的高度，每滚动一条数据的高度，就把第一条数据 shift 删除， push 放到末尾；如果每条数据不固定高度，元素渲染完成后，动态计算并保留每条数据外层元素的高度和边距，假设为 height

一、箭头函数的特点 1. 相比普通函数，箭头函数有更加简洁的语法。 普通函数 function add(num) { return num + 10 } 箭头函数 const add = num => num + 10; 2. 箭头函数不绑定this，会捕获其所在上下文的this，作为自己的this。 这句话需要注意的是，箭头函数的外层如果有普通函数，那么箭头函数的this就是这个外层的普通函数的this，箭头函数的外层如果没有普通函数

前言 继续学习React，React + antd 实现增删改查 -------链接: https://blog.csdn.net/qq_46105844/article/details/125933947 React + antd 实现增删改查这篇文章结合 antd 中的 Table 实现了较为完整的增删改查，这篇文章适合初学者，简单利用 table 实现了增删改查功能。 新建一个 CRUDDemo.js 的文件，插入完整代码---- 7. 完整代码 在 App.js 中引入 C

欢迎来到我的博客📔博主是一名大学在读本科生，主要学习方向是前端。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 🛠目前正在学习的是🔥 R e a c t 框架 React框架 Reac

描述之前我想先吐槽一下这个X6的官网，可能原生html、JS还行，但是要灵活运用到框架上，官网上的react实例是真看不懂，我个人而言，真的很难灵活运用到真实项目中，幸好后面有带佬的代码，不得不说质量雀食高 开整！ 首先我们的目的是画一个这样的图表 看到这个树状图，我们想要搞清楚，我们需要哪几样来完成 - 不是显示单独一个数据，所以必然要自定义节点 - 第一先确定数据格式，从后台传过来的数据里面不单是数据，还需要一组头尾的连接字段来确认边，如果已经大致看过X6的可视化逻辑，自然明白边的

目录  挂载：在组件实例被创建并插入到dom中时，生命周期调用顺序如下 constructor componentWillMount getDerivedStateFromProps render componentDidMount 更新：当组件的 props 或 state 发生变化时会触发更新。 componentWillReceiveProps () shouldComponentUpdate componentWillUpdate getSnapshotBefore

一、安装react+ts npx create-react-app my-app --template typescript 二、安装eslint代码检测 yarn eslint npx eslint --init eslint初始化后会出现三个项目，根据项目而定 1、使用什么样的eslint？(这里我选择3) To check syntax only // 只检测语法性错误 To check syntax and find problems // 检查语法错误并发现问题代码

SolidJS 是什么？SolidJS是一个声明式、高效且灵活用于构建用户界面的 JavaScript 库。 Solid 号称拥有 JSX 语法，类似于 React hook 的语法，你可以用现代化的开发方式，获得性能最快的代码。 一、性能比较 原生 JS 是 1， Solid 是 1.05， 比 Svelte 也快，React 跑到了 1.93 。如图： 二、SolidJS 特点 直接使用浏览器的 DOM, 没有 虚拟DOM， DOM diff 一整套算法 ，可以发现它

1、setState会将多个调用合并为一个来执行，也就是说，当执行setState的时候，state中的数据并不会马上更新 为什么要合并为一个来执行呢？ 看下段代码： for ( let i = 0; i < 100; i++ ) { this.setState( { num: this.state.num + 1 } ); } 如果没有react的优化机制，那么上面的setState执行100次，这个组件也会被更新100次。 同步执行时useState也会对state进

首先const navigate = useNavigate(); 则可以使用navigate这个函数代替this.history.push、this.history.replace、this.history.gofoward、this.history.goback、this.history.go 1.注意：navigete默认history的是push模式，使用replace模式需要添加 {replace:true} //开启replace模式 2.注意：使用useNavigat

React路由跳转的几种方式 注意： 这里使用的react-router-dom是版本5以上，路由形式是history模式react-router-dom文档地址，其中依赖包history的github地址 1. params形式，路由跳转后，参数会显示在地址栏 跳转的方法是使用history.push({pathname: '/personal', search: 'test=22222'})，其中search键对应的值就是拼接在地址栏的数据import React from

也是在最近一点时间写小demo 遇到的一些问题 比如在用户界面，用户选择本地的一张照片，前端把照片传到后端，后端怎么把照片保存到服务器，然后返回给 图片线上地址。也是找了一些文章，然后分享下。  技术 前端：react 后端：egg.js(node框架) base64 转换  转二进制 保存图片 base64(mdn) Base64 是一组相似的二进制到文本（binary-to-text）的编码规则，使得二进制数据在解释成 radix-64 的表现形式后能够用