
react
文章平均质量分 74
90年的罐头�
这个作者很懒,什么都没留下…
展开
-
卡片式轮播图 效果 实现
基于 react 实现,vue 类似效果图思路效果图中 绿色边框为 轮播图区域水平式 多张图片 水平排列 整体宽度 为 单张图片n倍 translateX 位移方式 一次整体移动一张图片宽度层叠式 动态计算 左右 每张图片 translateX 位移 、 scale 缩放 、 zIndex 层级,实现堆叠效果jsximport React, { Compon...原创 2019-11-20 15:58:59 · 9631 阅读 · 1 评论 -
实现 react-redux 简单管理状态数据功能
学习 react-redux store 状态数据管理==实现功能====思路==context 使用react-redux 实现效果==核心功能函数 react-redux.js====测试使用==实现功能Provider connect combineReducers createStore思路createStore(reducer) 函数 提供getState() disp...原创 2019-09-10 22:24:10 · 317 阅读 · 0 评论 -
用react实现 冒泡排序的过程 动画 效果
冒泡排序过程动画效果bubbleSort.jsximport React, { Component } from 'react'import {Button,InputNumber} from 'antd'export default class BubbleSort extends Component { constructor(props){ su...原创 2019-09-11 20:22:03 · 787 阅读 · 0 评论 -
css 3d轮播图效果
在react上 实现 的 css 3d 轮播效果效果图tip效果图 正转是 点击切换 反转是模拟触摸切换思路css 用到 perspective transform-style 开启3d 效果图片 平均分布在 360度 上 (图片数量与圆的半径 需注意 出现图片重叠可调整半径)轮播切换 通过设置整体角度实现 需注意3d中心点css.carousel{ ...原创 2019-09-20 10:59:23 · 1167 阅读 · 0 评论