- 博客(5)
- 收藏
- 关注
原创 skrollr.js使用时pc端鼠标滚动卡顿
skrollr.js使用时pc端鼠标滚动卡顿介绍使用效果滑动配置最后介绍skrollr.js是一款轻量级且强大的js视差动画效果库使用首先去进行引入库并进行初始化initskrollr.init({ forceHeight: false, easing: { vibrate: function(p) { return Math.sin(p * 10 * Math.PI); } }});正常写好之后在你的元素上写
2021-04-12 18:07:31 344
原创 react i18n 实现多语言
react i18n 实现多语言安装依赖npm install i18next react-i18next //需要安装两个这两个库安装完成后 首先 你可以在你的common文件夹下新建一个i18n的文件夹用来存放你多语言相关的文件先定义一个多语言的配置文件 我命名的是language.jsexport const languages = { zh: { hello: '你好 世界' }, en: { hello: 'hello world' } // 一个是对应的
2020-08-24 17:20:18 1270
原创 JS 引入序列帧动画 两种方法
JS 引入序列帧 两种方法1.使用requestAnimationFrame方法进行回调<img src="" id="player">img { width: 100px; // 必须设置定宽高 height: 100px;}const imgArr = [];let frameId = 0;let index = 0function changeImg() { document.getElementById('player').src = imgArr[in
2020-08-09 18:11:51 3133
原创 react 中使用九宫格抽奖
react 中使用九宫格抽奖说明:因为大多数使用到的基本都是活动相关的,九宫格的对应的每个奖励也都是有中奖率的,具体的奖励都是后端返回的,所以我们在点击抽奖时一定会请求后端接口获取到返回的数据1.首先,看jsx部分return ( <ul styleName="list"> //这里我是用一个list去动态渲染他的奖励数据,当然,它的第五项是空的 {list.map((item, index) => { if (index === 4) { //所以这边到了第五项的
2020-07-21 20:13:21 635
原创 react中使用Echarts图表类工具构建雷达图
react中使用Echarts图表类工具构建雷达图前言使用1. 在项目中引入Echarts2. 使用ReactEcharts创建图表前言ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可...
2020-03-23 14:58:19 1779 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人