![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
苍山洱海_fckcpu
贫穷且胖。
展开
-
对于React类组件this指向的简单总结
根据React中类组件的内部原理可知,React的类组件由React对其进行实例化,所以在React类组件内部的this指向都是当前组件的实例化对象。但是,在做事件处理的时候,类内部自定义的普通函数的this却又指向了undefined这是因为React的事件处理相当于一个赋值函数,以onClick={this.handleClick}为例,其过程是onClick通过this找到了原型链上的handleClick函数,当onClick被触发的时候,直接执行handleClick相当于handleChli原创 2022-03-04 00:15:15 · 585 阅读 · 0 评论 -
使用video标签设置视频为网页背景
利用position:fixed让video标签脱离文档流,这样网页内其他元素就可以和video重叠设置width:100%按比例拉伸video元素使其可以随网页大小缩放代码:<video autoPlay // 自动播放 loop // 循环播放 muted // 视频静音 src="视频连接"></video> <style> video { position: fixed;原创 2022-02-23 23:00:18 · 3256 阅读 · 0 评论 -
react-hooks实现简单的loadmore功能
功能很简单 就是点击显示更多按钮 显示第二页、第三页。。。。的内容和分页功能类似,发送得请求数据也是page和pageSize,唯一不同的是页面state主要用ES6的扩展运算符(...)把之前获取的数据合并起来const Test = () => { const [data, setData] = useState([]) const loadMoreData = () => { axios({ method:'post.原创 2022-02-18 23:19:49 · 559 阅读 · 0 评论 -
NextJS+Antd实现分页功能
简单记录一下个人博客文章列表页面的分页功能实现使用antd的List组件显示数据,Pagination组件用作分页。数据获取则使用nextjs服务端渲染的getServerSideprops()分页请求使用nextjs的router.push(url,as,options)具体流程为:页面初始化:getServerSideprops()初始化页面(获取第一页数据)->分页组件发送page和pageSize,请求当页数据:这里使用router.pu...原创 2022-02-18 22:51:22 · 1269 阅读 · 0 评论