- 博客(13)
- 收藏
- 关注
RSS订阅原创 根据antd Progress进度条组件写一个可拖拽、点击、暂停的进度条
思路：在进度条上面罩一层透明div,根据鼠标在透明div上移动距离计算百分比。
2024-03-11 17:03:39
916
2原创 react类似抽屉功能滚动
jsimport React from 'react'import img from "./../public/455.png"import './Date.css'export default () => { return ( <div className="container" > <div className="bai"></div> <div className="bcg"></div>
2021-08-28 23:32:25
200
原创 promise 回调地域解决方法
使用回调函数的问题：回调地狱(callback)解决方法：promise、async函数(async函数是promise的语法糖)function getTea(fn){ setTimeout(function(){ fn('奶茶')},1000)}function getHot(fn){ setTimeout(function(){ fn('火锅')},2000)}getTea(function(data){ console.log(data)})//喝奶茶getHot(
2021-07-29 23:46:22
287
原创 react--浅谈Hooks
React Hooks的意思是:组件尽量写成纯函数,如果需要外部功能和副作用，就用钩子把外部代码‘钩’进来。钩子是纯函数组件，他的特点是纯函数组件没有状态纯函数组件没有生命周期纯函数组件没有this四个常用钩子：useState():为函数组件引入状态//计数器import React,{useState} from 'react';const AddCount=()=>{const [count,setCount] = useState(0);const btn = ()=&g
2021-07-19 16:28:07
155
原创 项目优化--webpack性能优化篇
优化：可以将小图片打包成base64，大图片使用请求资源的方式，打包到img文件夹里（比如把小于5kb定义为小图片，把大于5kb定义为大图片）。在再代码中使用lrz，更可以使图片压缩2、抽离css在webpack.base.config.js中webpack默认是不能对css文件进行打包，只能对js文件进行打包。但在生产环境中，css代码往往需要单独提取出来。在webpack.prod.config.js中添加插件3、按需加载需求：1、网页首次加载时只加载首页的按钮2、点击按钮才会加载下一
2021-07-18 14:43:41
582
原创 React-Redux知识点
两个重要部分：1、Provider:这个组件能使你整个app都能获取到store中的数据。包裹在组件的最外层，使所有组件都能拿到store。接收store作为props，然后通过connect往下传递，这样react中任何组件都可以通过context获取到store。2、connect:这个方法能够使你组件和store进行关联。基本使用react-redux还需要依赖于Redux中的store，所以还需要安装redux。1、在src中创建reducer/index.js文件//接收两个参数//
2021-07-16 15:20:37
222
原创 关于react组件
1、react组件封装封装组件分三类：封装普通展示类组件通过函数组件实现，不带生命周期，不带state封装纯逻辑类组件通过组件的生命周期来做判断，给传入的组件加上一些附加属性或逻辑操作或props封装通用业务组件上述两种组合，组件本身可完成独立的通用业务。可组合、可维护、可重用一个设计良好的组件应该有什么特性？高内聚低耦合在封装一组组件时候应该思考什么？组件应该是做什么的组件至少应该知道哪些信息组件会反馈什么信息不应该只限于当前的需求设计出仅限于当前需求的组件，而是应该设计出适
2021-07-06 19:18:17
214
原创 ES6新增方法
1、let const var 比较1、var 是es5提出的。let const 是es6提出的。2、const定义基本类型时再改值会报错，但定义对象和数组(引用类型)时再更改值不会报错。原因：基本类型的变量是存放在栈内存中的，值是按值访问的，值是不可以改变的，比较是通过值比较的。引用类型的值是保存在堆内存中的对象，值是按引用访问，值是可变的，比较是通过引用比较的。3、let、var声明的都是变量，声明之后可以更改。4、var允许重复声明变量，后一个变量会覆盖前一个变量。let和const在同
2021-06-05 00:11:50
201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人