react
文章平均质量分 71
Ying_Mr
自由而无用
展开
-
React 前端面试宝典
什么是React(谈一谈React)从概念、用途、思路、优缺点入手:React 是一个网页 UI 框架,通过组件化的方式解决视图层开发复用的问题,本质是一个组件化框架。它的核心设计思路有三点,分别是声明式、组件化与 通用性。 声明式的优势在于直观与组合。 组件化的优势在于视图的拆分与模块复用,可以更容易做到高内聚低耦合。 通用性在于一次学习,随处编写。比如 React Native,React360 等, 这里主要靠虚拟 DOM 来保证实现。 这使得 React 的适用范围变得足够广,无论是 We原创 2021-05-17 19:33:43 · 712 阅读 · 0 评论 -
TS编写REACT
单独学习TS后发现与react项目结合还是有许多没看到过得知识点许多react、 redux类型未见过。。。用 TypeScript 写 React & Redux - 完全指南用TypeScript编写React的最佳实践原创 2022-05-11 19:18:42 · 379 阅读 · 0 评论 -
React 学习笔记
1.React简介A JavaScript library forbuilding user interfaces.React就是一个使用JavaScript构建可组合的用户界面引擎,主要作用在于构建UI。1.1 React特征React三大突出优点:组件化(将代码进行封装)虚拟DOM(把DOM树转换为Javascript对象树)单向数据流(所有状态变化都是可以被记录和跟踪的)1.2 JSX本质上讲JSX是React.createElement(component,props,…ch原创 2021-03-16 14:00:21 · 326 阅读 · 0 评论 -
Antd pro项目中添加音频文件
首先使用 <audio> 标签实现音频插入。<audio src={cableNormal} autoPlay loop> Your browser does not support the audio element.</audio>问题import cableNormal from '@/assets/cableNormal.mp3';导入 asset 中本地音频时会报错说是缺少 loader解决方法安装 file-loadernpm原创 2020-07-02 21:30:06 · 2172 阅读 · 1 评论 -
Ant Design Pro V5初体验
上星期开始了一个基于 Ant Design Pro 的项目,使用create umi构建项目发现 src 中的 layouts 和 models 都不见鸟,心中默念umi又有bug了,但是跑起来后发现可以正常运行,而且还修改了登录逻辑,nice,原来是V5。 &nbs...原创 2020-04-29 21:43:44 · 15115 阅读 · 12 评论 -
Ant Design Pro 使用总结(ProTable)
1. 通过 actionRef 进行表单刷新//首先声明const actionRef = useRef<ActionType>();//在Protable中绑定属性 actionRef={actionRef}//在需要刷新处调用if (actionRef.current) { actionRef.current.reload();}...原创 2020-04-29 20:26:27 · 6899 阅读 · 2 评论 -
umi入门
umi入门1. 什么是umiUmi,中文可发音为乌米,是可扩展的企业级前端应用框架。Umi 以路由为基础的,同时支持配置式路由和约定式路由,保证路由的功能完备,并以此进行功能扩展。然后配以生命周期完善的插件体系,覆盖从源码到构建产物的每个生命周期,支持各种功能扩展和业务需求。这张图是给内部框架 Bigfish 画的,套到 Umi 上同样合适。他把大家常用的技术栈进行整理,收敛到一起,让大家...原创 2020-03-24 11:31:54 · 1281 阅读 · 0 评论 -
dva入门
dva入门1.什么是dvadva = React-Router + Redux + Redux-saga2.为什么要使用dva这要从React开始讲起,React本身只是一个 DOM 的抽象层,使用组件构建虚拟 DOM。如果开发大应用,还需要解决一个问题。通信:组件之间如何通信?数据流:数据如何和视图串联起来?路由和数据如何绑定?如何编写异步逻辑?等等通信问题组件会发生三种通...原创 2020-03-24 19:52:19 · 649 阅读 · 0 评论 -
Antd Pro v4入门
Antd Pro v4入门什么是Ant Design ProAnt Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。用来构建一套基于 React 的中后台管理控制台的脚手架,它...原创 2020-03-24 12:06:44 · 1555 阅读 · 0 评论 -
React-use
React-use一个很好用的React Hooks库github地址:https://github.com/streamich/react-use传感器useBattery - 跟踪设备电池状态。useGeolocation - 跟踪用户设备的地理位置状态。useHover and useHoverDirty - 跟踪某个元素的鼠标悬停状态。useIdle - 跟踪用户是否处于非...原创 2020-03-24 22:00:38 · 5790 阅读 · 0 评论