js
文章平均质量分 54
theMuseCatcher
给岁月以文明,而不是给文明以岁月
展开
-
使用requestAnimationFrame模拟实现setTimeout和setInterval
使用requestAnimationFrame模拟实现setTimeout和setInterval!原创 2023-04-15 10:58:37 · 3490 阅读 · 0 评论 -
手写实现ES6的Promise.all()和Promise.race()函数
手写实现ES6的Promise.all()和Promise.race()函数原创 2023-02-01 11:22:55 · 619 阅读 · 0 评论 -
Vue2信息提示(Modal)
一共有两种模式,六种展示效果,弹窗随内容自适应增加高度,同时支持对弹窗位置进行设置:①水平垂直居中②高度固定水平居中原创 2021-07-28 11:30:29 · 12969 阅读 · 2 评论 -
Vue2瀑布流图片展示(Waterfall)
Vue2使用纯CSS和JS计算两种方式实现的瀑布流图片展示组件原创 2022-12-06 10:12:07 · 4342 阅读 · 0 评论 -
Vue2按钮组件(Button)
Vue2封装的按钮组件原创 2022-12-07 11:06:12 · 7170 阅读 · 0 评论 -
追悼日网站自动变为黑白(解决filter导致的absolute和fixed定位问题)
追悼日网站自动变为黑白原创 2022-12-05 09:36:52 · 850 阅读 · 0 评论 -
Vue2无操作半小时后自动清除登录状态
Vue登录后,用户无操作半小时后自动清除登录状态,如果有操作则重置过期时间为半小时后过期原创 2022-11-21 16:55:20 · 1462 阅读 · 0 评论 -
Vue2面包屑(Breadcrumb)
Vue2实现的面包屑导航组件原创 2022-11-04 10:29:47 · 2843 阅读 · 0 评论 -
Vue2竖向文字滚动
竖向文字滚动轮播展示原创 2021-07-23 11:16:10 · 2262 阅读 · 1 评论 -
Vue2视频播放(Video)
Vue2简易封装的视频播放组件原创 2022-10-10 18:21:43 · 38130 阅读 · 75 评论 -
JS上传文件(base64字符串和二进制文件流)
JS上传文件(使用base64字符串和二进制文件流两种方式)原创 2022-09-28 15:31:37 · 6047 阅读 · 2 评论 -
Vue2通知提醒框(Notification)
全局展示通知提醒信息,在系统四个角显示通知提醒信息。原创 2022-09-13 11:35:35 · 12399 阅读 · 4 评论 -
Vue2对话框(Dialog)
阴影覆盖浏览器窗口,并可全屏显示原创 2021-07-21 16:14:08 · 13963 阅读 · 1 评论 -
Vue加载中(Windows开机动画)
模仿Windows开机动画支持自定义设置:描述文案(tip),也可不传,默认不展示;是否无限次循环动画(infinite),默认false;完成一次动画后的间隔时长(interval),单位ms,默认200ms原创 2022-08-18 17:43:10 · 954 阅读 · 0 评论 -
Vue2开发插件并发布到npm
Vue2开发vue-amazing-selector下拉框组件,并发布到npm原创 2022-02-22 18:05:30 · 2305 阅读 · 0 评论 -
Vue2文字提示(Tooltip)
Vue2实现的文字提示气泡框组件,鼠标移入则显示提示,移出消失原创 2022-08-09 17:00:16 · 8732 阅读 · 0 评论 -
Vue2全局提示(Message)
调用一次只展示一个提示,若调用多次则依次展示多个提示......原创 2022-08-09 16:31:56 · 4988 阅读 · 0 评论 -
Vue2首页banner轮播
简易首页banner原创 2021-07-27 14:00:21 · 2552 阅读 · 1 评论 -
Vue多图组合走马灯
vue多图组合走马灯原创 2022-06-06 17:28:29 · 2403 阅读 · 0 评论 -
Vue2走马灯扩展版(Carousel)
Vue2走马灯扩展版原创 2022-04-29 14:12:43 · 5431 阅读 · 0 评论 -
Vue2横向文字滚动
Vue横向文字滚动展示原创 2022-04-18 16:22:59 · 6753 阅读 · 13 评论 -
Vue2进度条(Progress)
可自定义设置以下属性:进度条总宽度(width),默认600px当前进度(progress),默认36进度条线的宽度(strokeWidth),默认8px是否显示进度数值或状态图标(showInfo),默认true原创 2022-04-08 15:59:31 · 21908 阅读 · 2 评论 -
Vue2时间轴(横向)
支持初始选中年份和时间轴数据手动传入,自适应均匀排列,每个元素周围分配相同的空间原创 2022-04-08 15:33:16 · 14433 阅读 · 7 评论 -
JS算法必备之String常用操作方法
JS算法必备之String常用操作方法原创 2022-03-14 17:06:30 · 2098 阅读 · 0 评论 -
JS算法必备之Array常用操作方法
JS算法必备之Array常用操作方法原创 2022-03-14 17:04:53 · 1719 阅读 · 0 评论 -
JS深浅拷贝
JS中对象和数组的深浅拷贝:Object.assign()、扩展运算符(...)、JSON.parse(JSON.stringify(source))、递归深拷贝原创 2022-02-24 17:33:08 · 500 阅读 · 0 评论 -
Vue2加载中(Spin)
用于页面和区块的加载中状态,功能丰富,简单易用原创 2022-01-24 16:35:37 · 3600 阅读 · 0 评论 -
Vue2级联选择(Cascader)
Vue2以 VueAmazingSelect 选择框为基础封装的级联选择框组件。原创 2021-12-23 17:14:18 · 8812 阅读 · 12 评论 -
Vue2开关(Switch)
开关选择器,功能丰富,简单易用😁😁原创 2021-12-23 14:32:03 · 8707 阅读 · 0 评论 -
Vue2滑动输入条(Slider)
通过鼠标拖动滑块来调整最大最小值,或者直接点击输入条上某个位置,直接切换数值原创 2021-11-03 16:30:46 · 4219 阅读 · 6 评论 -
Vue2时间轴(Timeline)
自定义设置时间轴的宽度(width)和描述文本原创 2021-10-15 17:57:00 · 14369 阅读 · 0 评论 -
Vue2表格(Table)
展示行列数据。原创 2021-08-13 09:58:52 · 25644 阅读 · 6 评论 -
Vue2步骤条(Steps)
步骤总数和初始选择步骤 均可自定义设置,每个步骤title和description也均可自定义设置传入原创 2021-08-04 16:34:29 · 12866 阅读 · 0 评论 -
Vue2选择器(Select)
使用Vue2封装的与ant design样式类似的下拉选择器组件。原创 2021-05-26 10:55:43 · 27264 阅读 · 4 评论 -
JavaScript遍历数组和对象常用方法总结
①数组的遍历: this.types = ['单选题', '多选题', '判断题'] const len = this.types.length for (let i = 0; i < len; i++) { console.log('index:', i, 'value:', this.types[i]) // i为number类型 } // eslint-disable-next-line prefer-const for (let index in this.t.原创 2021-05-26 14:40:49 · 163 阅读 · 1 评论 -
JS中常用的数组迭代方法(filter,forEach,map,every,some,find,findIndex)
传入这些方法中的函数均会接收3个参数:Ⅰ.item(必须):数组项的值Ⅱ.index(可选):该项在数组中的位置Ⅲ.array(可选):数组对象本身var typeKey = [0, 1, 2, 3, '']①filter():返回该函数会返回true的项组成的数组(常用于过滤空数组项)typeKey= typeKey.filter(item => { return item !== ''})console.log('typeKey:', typeKey)..原创 2021-05-26 14:54:21 · 787 阅读 · 1 评论 -
Vue2分页(Pagination)
Vue2+js+less实现的分页器组件原创 2021-07-12 14:53:15 · 9047 阅读 · 0 评论 -
js金额数字格式化
自定义金额数字格式化原创 2021-07-23 09:35:12 · 7091 阅读 · 1 评论 -
JavaScript / TypeScript日期格式化(dateFormat)
时间戳或Date格式化为指定格日期(如:2023年03月31日 09时55分06秒704毫秒),功能丰富,简单易用😁😁原创 2021-07-23 11:01:51 · 7059 阅读 · 1 评论 -
Vue2走马灯(Carousel)
移入时暂停,移出后自动轮播,只需传入图片数组即可,同时可以自定义设置轮播间隔和图片宽度原创 2021-07-26 17:50:24 · 9376 阅读 · 0 评论