首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React
卷心菜wanwan
创建于2021-06-14
订阅专栏
React开发
等 2 人订阅
共10篇文章
创建于2021-06-14
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React:记账本08---优化:使用svg-sprite-loader、svgo-loader 封装svg-icon组件
需求分析 项目引用了大量的svg-icon图表,正常react使用icon要这样: 现在想类似element一样,通过某个组件一行引入,类似: 过程中使用到2个loader: svg-sprite-l
React:记账本07---自定义Hooks总结
项目中自定义Hooks 有三个hooks: useTags useUpdate useRecords 1. useTags 主要是对tags进行处理的逻辑 useState 使用useState初始化
React:记账本06---记账页中输入数字模块和坑
记账页有一个输入数字模块 需求: 点击数字键盘,可以显示相应的数字 点击清空,清空显示区 点击ok保存当前记录 键盘布局 1. 布局和样式 2.Wrapper 包括2部分,output和键盘,采用fl
React:记账本05---数据持久化与数据展示
数据持久化 为什么要做数据持久化? 因为不持久,数据存在内存,一刷新就没有了 这样可以实现整个项目不同页面数据的统一 怎么做? 使用自定义Hooks 结合 Localstorage 标签页数据持久化
React:记账本04---详情页
详情页 需求: 按日期,按收入支出,分类展示记录 CategorySection 可以复用money页的 展示记录 1. 读取records 使用useRecords hook里的record 我们的
React:记账本03---标签页
tags标签页 目标预览: 标签页可以查看所有标签,并且增加标签 点击某一具体标签后,可以编辑或删除标签 封装useTags.tsx 自定义hooks,将所有和tags操作相关的,放进来 先放一个us
React: useState是怎么回事?
useState实现 最简单的useState 查看连接 首次渲染render 调用App,得到虚拟DIV,根据虚拟div创建真实div 用户点击Button,调用setN(n+1),再次render
React:记账本02---记账页
记账页样式 记账页分为4部分: TagsSection,NoteSection,CategorySection,NumberpageSection 1. 使用styled-component 不用写c
基于React+Echart的大屏监控
基于React的大屏监控 技术栈 React ReactRouter Echarts 项目介绍 此项目是为了熟悉前端可视化同时学习Echarts而写 页面布局结合了Flex与Grid 使用rem匹配不
React:记账本01--基础配置和布局
准备工作 1. 使用create-react-app创建项目 Create React App是FaceBook的React团队官方出的一个构建React单页面应用的脚手架工具。 它本身集成了Webp