- 博客(6)
- 收藏
- 关注
RSS订阅原创 一键返回页面顶部
一键返回页面顶部方法1.直接使用window.scrollTop(x,y)方法,参数传入位置数值:window.scrollTop(0,0)2.兼容所有浏览器,一键返回页面顶部:function ReturnTop() { //判断是否有父页面 if (window.top == window.self) { document.body.scrollTop = document.documentElement.scrollTop = 0; } else {
2021-09-17 11:56:33
643
原创 react使用className加载N个样式
react使用className加载N个样式className根据不同需求给列表不同元素加载不同样式import style from './style.less';这里我们就要用到classnames组件安装npm install classnames引入import classnames from 'classnames'通过三元表达式给列表不同元素加载不同样式render({ link }) { return ( <div className={style.
2020-12-21 19:16:06
648
原创 react使用iframe标签引入网页自适应高度
react使用iframe标签引入网页自适应高度定义Iframe 函数组件(Iframe函数组件可提为高阶组件提高代码复用性)const Iframe = props => { window.onresize=function(){ props.load()} return ( <iframe id="iframeId" onLoad={ props.load} src={ props.src} width={ props.width} height={`${ props.hei
2020-12-21 18:45:21
1904
3
原创 react简单实现列表无限滚动
react简单实现列表无限滚批量生成测试数据this.state = { winner: Array(30).fill( { "Acct": "186****23", "Prize": "5元红包", "Date": "2019-09-23" } )}初始化 changeAnim = () => { const { winner } = this.state
2020-12-17 18:18:30
1374
原创 react加载svga动画
react加载svga动画svga动画优点:高效，终端只需要继承这套方案框架，把动画实现交给动画设计师即可。高性能，在实现酷炫动画的基础上，播放性能表现优于Gif和WebP。动画文件小，同样的动画效果，SVGA文件要比Gif和WebP的文件小得多。svga有这么多优点我们怎么使用呢:安装svgaplayerwebnpm install svgaplayerweb --save引入svgaplayerwebimport SVGA from 'svgaplayerweb'添
2020-12-17 17:51:45
1328
原创 jq实现根据时间展示特定图片的3D轮播图
3D轮播图根据周几加载3D轮播图html在这里插入代码片```<body class="up_z"> <div class="banner_box"> <div class="box"> <div class="carousel"> </div> </div> <button class="left_btn" onclick="left()"></button> <bu
2020-12-17 14:41:30
177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人