适用于React且支持渲染svg字符串的图标组件

svg图标可以直接从icones.js一键获取某个图标库的所有图标,并且有多种格式可以下载。为了方便拓展这里我们使用json格式。因为拓展图标只需要将svg字符串加到我们的json文件内,所以你的图标库理论上可以非常非常丰富。具体操作如下:找到自己喜欢的图标库之后,点击右上角的菜单按钮然后点击json就会自动下载一个包含该图标库的json文件,里面带有改图标库的所有的图标的svg字符串。接下来完善

- 阅读全文 -

适用于Vue、React、Angular、Ts和Js毫秒级计时器,包括正、倒计时

由于定时器精准度问题,根据设备性能的影响误差会存在 0~20ms ,所以需要结合自身的使用场景来决定能不能使用。此处实现使用的是 setInterval 定时器加上 performance.now() 来校准 setInterval 的误差。以下例举出了适用于各个框架的版本,可根据需求自行修改。Vue版本import { reactive } from 'vue'; export interfa

- 阅读全文 -

快速创建React项目

# 安装官方工具 npm install -g create-react-app # 执行安装命令 npx create-react-app react-app # 若要使用ts开发 npx create-react-app ts-react-app --template typescript # 进入项目目录 cd react-app # 本地运行 npm start

- 阅读全文 -

react中的useEffect是什么?什么情况下用?如何使用?

useEffect 是什么?useEffect 是 React 中的一个 Hook(钩子函数),用于处理副作用操作。副作用操作是指在组件渲染过程中,需要执行一些与渲染结果无关的操作,例如数据获取、订阅事件、手动操作 DOM 等。useEffect 的主要作用是在函数组件中执行这些副作用操作,并且可以在组件的生命周期中指定何时进行执行、何时进行清理。什么情况下使用 useEffect?通常在以下情况

- 阅读全文 -

Vue和React的主要区别

Vue和React的区别主要体现在模板渲染方式、运行过程、框架本质、数据流和监听数据变化的实现原理上。模板渲染方式:Vue和React的模板渲染方式在表层和深层上有所不同。在表层上,Vue通过一种拓展的HTML语法进行模板渲染,而React则是通过JSX来渲染模板。在深层上,Vue和React都使用原生JS实现模板中的常见语法,比如插值、条件、循环等,但Vue的模板语法是可改变的,而React的模

- 阅读全文 -

react生命周期

在较早版本的 React 中,存在一组称为 “生命周期方法” 的特殊函数,用于在组件的不同阶段执行特定操作。然而,从 React 16.3 开始,React 引入了新的生命周期方法,并逐渐弃用了一些以前的方法。以下是一个包含常用 React 组件生命周期的概述(基于 React 16.11 版本):Mounting(挂载阶段):constructor(): 组件被创建并初始化时调用,用于初始化组件

- 阅读全文 -

Next.js 学习笔记

?中文文档Next.js 可提供生产环境所需的所有功能以及最佳的开发体验:包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。

- 阅读全文 -

React 学习笔记

官方文档安装npx create-react-app 项目名称 cd my-app npm start目录结构├──? node_modules # 依赖包 ├──? public # 项目入口,容器 ├──? src # 核心文件,主要工作区 │

- 阅读全文 -