首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
自学成长经历
前端白小纯
创建于2022-05-06
订阅专栏
持续总结知识
暂无订阅
共16篇文章
创建于2022-05-06
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
react-beautiful-dnd(3)交互demo测试
1.动态数量的列表(带有功能组件)和删除项目的能力 两个项目之间的拖拽 拖拽投票组件,拖动至指定容器,位置互换
react-beautiful-dnd(2)简单demo测试
1.纵向组件拖拽 2.横向拖拽 3.代办事项拓展 3.1初始数据源todoData 3.2DragDropContext 3.2多项任务Droppable 3.3拖拽项Draggable
react-beautiful-dnd(1) API参数简易说明
1.简介 react-beautiful-dnd基于react的一个组件库,主要包含三个组件. DragDropContext : 用于包装拖拽根组件,Draggable和Droppable都需要包裹
总结常用的css动画库的使用
1.使用animation.css插件 2.使用# react-transition-group插件3.使用animation.css和wowjs插件4.使用CSSFX网站提供的动画效果
Moment.js常用方法总结
1.初始化日期/时间 初始化日期: 初始化日期 时间: 2.格式化日期/时间 格式化日期: 自定义格式化: 格式化日期时间: 3.加/减 操作之前必须使用moment(日期变量);
Axios+TS使用AbortController封装重复请求拦截的类
当多个请求的`method`(get,post,put等),`url`,`params`和`data` 完全相同时,我们可以认为他们是相同请求。
Promise_async/await_generator使用
创建Promise,使用async/await,await后面接Promise,await后面不接Promise,generator函数拓展
总结防抖节流,在react中使用
防抖:事件触发后延迟n秒在执行,如果在这n秒内再次触发则重新计时。即在一段时间内只允许事件执行一次,常用于表单提交,输入框防抖 节流:事件触发后延迟n秒在执行,并且在这n秒内再次触发事件时不允许执行
js轮询
轮询方法的封装和使用,便于二次开发。封装的定时器没有外部引入,因为定时器在封装函数内部声明,测试时无法在外部手动清除定时器,实际项目中没有选择引入
react自定义hook
自定义 Hooks 和普通函数有什么区别? 自定义 hooks可以看做是 React Hooks 的之外的自由延伸。本质上还是 JavaScript 函数。主要用途是实现逻辑重用。 与普通函数的区别
5.点击事件同时触发,等待数据更新后,再继续后续操作
项目问题:点击事件同时触发,需要等待保存全局的状态更新后,再继续后续的表单提交之类的 分析:根据async和await实现异步方法
自定义hooks拆分table内的columns
为达到优化代码,需要将table 组件内的columns拆分出去,达到减少一个js文件的代码量,方便维护 首先写一个column.js文件 将column.js文件引入
ref使用_react_vue
1_react中使用 1_1 同页面使用 1_2 父子组件中使用 父组件 子组件 注意点:一个ref只能绑定一个dom元素,子组件参数必须加上props 2_vue中使用_触发弹窗是否打开 父组件
js_根据条件_合并数组对象
前提条件:需要保证合并对象的优先级,就是以哪个对象为基准,合并对象 举例: newData是新获取的对象;oldData是本身就存在的对象,两者都可以发生变化 需求:新获取的数组对象优先级高,下标相同
js_参数
对参数基础知识的了解 将变量带进去之后,就是将变量的值带进去,o={a:1},o.a就是对引用地址进行改变,但对象都是o,所以obj的值也是10 输出结果为1,2,3,10 ES6中形参可以设置初始值
js_对象
js基础知识和误区 输出结果{1:30,s:50},o.s=50改变的是o["s"]=40,因为其中的s属于字符串。 在var s=5;时里边的s属于变量变为 o[5]=30