![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
百宝箱
文章平均质量分 91
近来工作中经常遇到一些有趣或者平时很少遇到的需求,本专栏的目的就是记录这些需求的设计思路和实现。
Sheldon一蓑烟雨任平生
目前正在学习Vue.js、React.js和微前端,并持续跟新相关博客内容
展开
-
JavaScript中的几种常用循环方式对比
综合上述13.1 遍历数组,for 循环功能最完善13.2 遍历对象,使用 for-in 循环(不建议遍历数组)13.3 遍历对象数组,需要break或者continue时,可使用 for-of 循环13.4 遍历对象数组,不需要break或者continue时,使用 array.forEach 循环13.5 筛选元素,使用array.filter 循环13.6 修改元素生成新数组,使用 array.map 循环13.7 累加数值,或者处理元素个数和内容时,使用 array.reduce 循环原创 2023-08-07 09:53:43 · 606 阅读 · 0 评论 -
教你从零写vue穿梭框
教你从零写vue穿梭框1. 前言2. 制作选择组件(select-input)2. 制作vue穿梭框组件(table-transfer)4. 将选择组件和穿梭框组件结合使用4.1 点击选择组件按钮,弹出穿梭框4.2 将select-input组件中的数据显示在弹框中的已选表格中4.2.1 全局引入lodash4.2.2 初始化input-select组件list数据和穿梭框的selectList(已选中的人员)4.3 将重新选择后的表格数据显示在select-input组件中4.3 单选模式5. 完整代码:原创 2022-04-02 00:40:41 · 5208 阅读 · 1 评论 -
教你从零写vue日历组件
自制vue日历组件前言前言最近做项目遇到一个需求,需要制作一个定制化的日历组件,如下图所示,需求大致如下:(2)日历可以按照月份进行上下月的切换。(2)按照月份展示周一到周日的排班信息。(3)排版信息分为早班和晚班。(4)按照日期对排班进行颜色区分:当前月份排班信息正常颜色,今天显示深色,其他月份显示浅色。(5)点击编辑按钮,日历进入编辑模式。简单点说就是,今天和今天之后的排班右侧都显示一个选择按钮,点击后可弹框编辑当日的排班人员。.........原创 2022-02-28 17:23:11 · 11443 阅读 · 30 评论 -
vue-color-picker-sheldon使用说明(一款基于Vue的取色器/颜色选择器)
这是一个基于 vue 的取色器组件,功能强大,支持拖拽、取色等功能。原创 2021-12-07 16:56:07 · 2850 阅读 · 0 评论 -
el-color-picker-sheldon使用说明(一款基于Vue和ElementUI的取色器)
一款基于element-ui的可拖动,包含所有颜色跨度,可调节透明度和颜色取值的取色器。原创 2021-12-05 16:34:09 · 2299 阅读 · 0 评论 -
如何写一个vue组件发布到npm,包教包会,保姆级教学
如何写一个简单的组件发布到npm前言1.前期准备——创建一个vue项目前言因为本章内容主要是说明如何将组件发布到npm的步骤,所以创建的组件相当简单,并不会涉及到其他的诸如ElementUI或者Ant Design Vue之类的UI组件库。如果是涉及到如何创建一个自己的组件库或者基于其他的组件库创建的组件发布,这一部分的内容,我会放到该专题内容接下来的几篇文章进行详细说明。1.前期准备——创建一个vue项目使用vue create 项目名称命令创建一个基础的vue项目,因为是比较简单的演示,所以选择原创 2021-12-04 21:32:17 · 6475 阅读 · 3 评论 -
JavaScript实现浏览器特定区域截屏和下载功能
JavaScript实现浏览器特定区域截屏功能需求介绍尝试一:使用Jtopo.js自带的保存图片方法(不能对资源进行下载)尝试二:对saveImageInfo进行改写(功能能用,但是会因为跨域问题污染canvas):尝试三:对浏览器进行区域截屏并下载(可用)需求介绍最近使用Jtopo进行一个简单版拓扑图编辑器的开发。其中有一个需求就是将编辑器canvas部分进行截图并进行下载。尝试一:使用Jtopo.js自带的保存图片方法(不能对资源进行下载)使用Jtopo的stage.saveImageInfo原创 2021-07-22 14:48:22 · 5087 阅读 · 1 评论