自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 vue 实现路由回退不刷新

vue 使用keep-alive实现路由回退不刷新

2021-07-20 11:55:20 2343

原创 js 常用正则方法

与正则有关的方法介绍:包括exec() 、test()

2019-12-23 14:54:39 227

原创 threeJS绘制球体

使用three.js绘制球体

2019-10-30 00:00:48 8018

原创 canvas 实现图片粒子化效果

使用canvas实现将图片粒子化处理。

2019-10-20 23:30:26 2965

原创 three.js 添加字体

关于three.js如何添加二维字体、三维字体,以及解决中文字体乱码的问题

2019-10-16 14:17:53 4623 1

原创 D3.js 实现镂空渐变圆环

D3.js 实现镂空渐变圆环

2019-10-13 23:17:33 1978 1

原创 D3.js 绘制柱状图

D3 V4 版本绘制柱状图总结

2019-10-13 15:59:47 3976 1

转载 d3 v3 v4 接口变化记录

通过使用v4作一个完整柱状图,介绍一下 v3 和 v4 接口有差别的地方。

2019-10-12 13:52:51 731

原创 Highcharts 添加自动轮播提示框tooltip

完成效果:实现:1. 基本配置添加数据Data设置x轴信息添加数据共享的 tooltip 提示框(shared:true)<div id="container" style="min-width:400px;height:400px;"></div>var chart = new Highcharts.Chart({ chart: { rende...

2019-09-23 14:47:14 1894

原创 React 项目使用Swiper

React 项目中使用Swiper,包括解决build打包失败,如何销毁Swiper的问题

2019-09-16 16:25:11 1987

转载 React PropTypes 的使用

文章摘抄自React 中文文档: 使用 PropTypes 进行类型检查1.React.PropTypes 自 React v15.5 起已弃用。请使用 prop-types 库代替;2.出于性能原因,propTypes 只在开发模式下进行检查。1. 安装yarn add prop-types2. 引用import PropTypes from 'prop-types';3. ...

2019-09-16 14:44:37 620

原创 js 排序算法

冒泡排序、选择排序、快速排序的实现

2019-09-07 23:55:51 180

原创 D3实现数字动态变化效果

使用D3.js的过渡函数`transition.tween`实现一个数值到另一数值的过渡。

2019-08-30 11:02:58 1863

原创 CSS3 使用 animation 动画出现字体模糊

使用CSS3做了如下文字切换的效果,通过给元素设置 active 、 disappear class, 配合animation实现动画:animation 代码如下:@keyframes transfromAnimate { from { opacity: 0; transform:translate3d( 0, 16px, 0); } to { opa...

2019-08-29 09:50:56 3251

转载 Markdown数学公式语法

行内与独行行内公式:将公式插入到本行内,符号:公式内容公式内容公式内容,如:xyzxyzxyz独行公式:将公式插入到新的一行内,并且居中,符号:公式内容公式内容公式内容,如:xyzxyzxyz上标、下标与组合上标符号,符号:^,如:x4x^4x4下标符号,符号:_,如:x1x_1x1​组合符号,符号:{},如:168O2+2{16}_{8}O{2+}_{2}168​O2+2​汉字、字...

2019-07-26 10:17:52 402

原创 D3.js绘制飞线总结

项目中多次遇到飞线的需求,故此抽个时间做个总结。参考文章 :svg之path详解地图与飞线一根飞线的故事-SVG篇

2019-07-25 16:16:31 3949 7

原创 D3.js 绘制地图

使用D3 V3版本绘制绘制效果图:准备工作: 3d立体柱状图的绘制绘制地图思路:绘制地图及地图投影;根据地图地理信息将柱状图放置到指定位置;根据scale计算出柱状图实际高度。...

2019-02-19 16:01:49 6567 4

原创 D3.js 绘制立体柱状图

绘制效果图如下:绘制思路:将立体柱状图拆分为顶部与侧面,并分别用 path 路径绘制。拆分后的顶部和侧边的绘制顺序如图所示: // 基础配置 const svgObj = { // svg画布大小 width: 300, height:300 } const width = 20; const height = 60; // 柱体高度 con...

2019-02-18 16:21:05 4296 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除