自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 可动的canvas进度条

今天分享一个环形进度条的写法,当然这只是一个可动的静态进度条,如果你喜欢可以加入后台数据。这种进度条非常简单的写法到处都有,只不过更多的只是写个样子,咱们这个可以动哟。 前提是canvas的属性、方法和一些基础的js API你都知道,当然为了保证一些忘记的小伙伴一下想起来,我会在前面列个表。 getContext() 返回一个用于在画布上绘图的环境 strokeStyle 画笔(绘制图形)颜色或者样式的属性 lineWidth 设置线段厚度的属性 save().

2022-02-09 10:28:07 905

原创 使用双叹号及&& || 进行骚操作

说起强制类型转换,大家能想起什么?但这篇文章不是只有强类型转换这样简单哟,它会让你开发另一种思路! 使用强制类型转换(type casting)处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。 Boolean(val) 转换成Boolean Number(val) 转换成数字 String(val) 转换成字符 以上三种很熟悉吧?在js中,将某值强制类型转换成布尔值当然可以使用Boolean()这种方法。需要用到布尔转换的地方还是很多的,

2022-02-08 14:59:38 259

原创 数组去重方法集锦(三)

数组去重的方法最后一篇了,最后写两个ES6的方法。相对于之前的,那真是简单简单再简单了。但是!兼容性也是需要注意的一点! 方法一 set: 用一个新变量承接的是一个以前没见过的东西,它就是ES6新增数据结构Set。类似于数组,但是没有重复值。Set本身是一个构造函数,用来生成Set数据结构。长度用size表示,Set对象中的所有值都不会重复。 var arr = [3, 5, 2, 6, 5, 7]; var newObj = new Set(arr); 接着用from方法,参数传递对象,将对象转

2022-02-08 11:08:42 187

原创 数组去重方法集锦(二)

之前的几种方法都是ES3的方法,也就是说如果你需要兼容低版本浏览器可以参考之前的方法。 今天的要说的是ES5的方法。数组的方法在ES5时增加了几个比如indexOf啦foreEach啦那么第一种就先用这两个。 其实它的原理还是前一个元素和后一个元素的比较。不明白前后对比的同学可以到前面文章看看啊!正好你可以多看一个,字不多能看懂! 方法一 索引对比法: 还是先创建老数组新数组,空的新数组就可以了 var arr = [3, 5, 2, 5, 7, 23, 5, 7]; var newArr

2022-02-08 11:01:53 547

原创 数组去重方法集锦(一)

前两天写了一篇去重的方法,虽然都是自己公众号的老文章,但觉得总有需要的人,想在网络的浩瀚海洋中找到自己需要的东西,当然是非常高兴。有时间,有机会把自己知道的拿出来分享,觉得有需要的自然会有所得,即使被说成“电话拨号”也无所谓。 言归正传,数组去重我分成三个部分ES3、ES5、ES6,本篇介绍ES3中的一个方法。 先创建一个老数组,接着,同样是拿一个空盘子来。空盘子了,什么都不放。 var arr = ['周一', '周二', '周三', '周二', '周一']; var newAarry = [];

2022-02-08 10:58:11 167

原创 数组去重之新老对比法

今天没事就说说数组一个很重要的应用——数组去重。随便在网上搜搜能搜出一堆数组去重的方法。现实比较残酷了当然了,与大部分方法不同的是,一句一句的告诉你为啥这样做。以后就不用背下来了,直接领会,轻松写出~

2022-01-30 11:50:10 562

空空如也

空空如也

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

TA关注的人

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