原生js
文章平均质量分 50
山野里的小菊花
万马奔腾,我就是万马之一中那匹脱缰的野马
展开
-
JS日常函数记录
1.数字保留两位小数,重写toFixed方法/** * @description:保留两位小数,可直接截取,可四舍五入 重置Number 的 toFixed()方法 * @param {Number} decimals 小数位数,默认2,最多10 * @return {Boolean} isAddZero 不够小数位是否添0 默认不添加 * @return {Boolean} isRounding 是否四舍五入,默认是 * @example 123.10293.toFixed(2原创 2021-08-19 15:33:48 · 137 阅读 · 0 评论 -
js小数保留2位,无精度问题 ,直接截取或四舍五入
/** * @description:保留两位小数,直接截取,没有四舍五入 重置Number 的 toFixed()方法 * @param {Number} decimals 小数位数 * @return {Boolean} isAddZero 不够小数位是否添0 * @example 123.10293.toFixed(2,true) => 123.10 * @Author: liuxin */Number.prototype.toFixed = function (deci..原创 2020-11-04 11:27:49 · 920 阅读 · 0 评论 -
Vue如何编写防抖(debounce)和节流(throttle)函数
1.防抖(debounce)含义:触发高频时间后n秒内函数只会执行一次,如果n秒内高频时间再次触发,则重新计算时间。是个连续的过程 ,如限制1s,执行一次,到下次执行又是1s,即:用户停下操作,就执行函数;只要不停止操作,永远不会正在执行函数内的操作使用场景:防抖常应用于用户进行搜索输入节约请求资源,window触发resize事件时进行防抖只触发一次 代码:/** * @description 函数防抖 触发高频时间后n秒内函数只会执行一次,如果n秒内高频时间再次触发,则重新计算时间。原创 2020-10-22 20:26:38 · 5933 阅读 · 0 评论 -
纯js实现无缝滑动轮播
效果如下:(点击我查看效果)原理:盒子内套入一个绝对定位的盒子,改变left值,实现轮播 滑动的核心是每轮一个元素,嵌入缓动动画 无缝的核心是复制第一个元素放到最后,在滑动到最后一个时,迅速切换到第2个通常滑动的小圆点也是动态生成,因为很多时候,我们拿到的数据都是动态的1、准备html和css<style>...原创 2018-06-28 17:53:33 · 3434 阅读 · 1 评论 -
echarts如何做出多条进度条的效果
原理:弹性盒子布局,两端对齐方式将数据分割在两端,重点用echarts柱状图,绝对定位,翻页一次,echarts柱状图重新加载一次先来一个效果图如何做出如图所示的效果呢,虽然核心是echarts柱状图,但是还需要配合css样式,才能完成,做的是自适应的,宽高都是100%,只适用于IE9+需要源码或vue重构,请转文章https://blog.csdn.net/liuxin00020...原创 2018-08-20 17:41:23 · 23012 阅读 · 7 评论