有梦想的刺儿-CSDN博客

原创 webWorker基本用法

我们都知道js是一个单线程的语言，当线程堵塞时，可能会导致页面无法正常交互，如一些复杂的可视化处理。即使是异步处理，也只是将其暂存到任务队列中去，等主线程执行完后依然会从任务队列中取过去。

2024-11-08 21:11:11 1208

1.先在src下新建一个config文件夹，里面再新建一个dialog文件夹，在里面再新建一个dialogDrag.vue文件，用于存放弹出框拖拽逻辑。2.在 dialogDrag.vue 同级目录下新建一个index.js文件用于引入混入逻辑以及关闭方法重写（复原弹出框默认的left与top为0）此情况适用于在已有项目中，想实现全局拖拽弹出框，而逐一添加拖拽自定义指令会过于麻烦的情况下，这种情况可以尝试下此方法。dialogDrag.vue文件下的内容。希望本文会对您有所帮助~ ^_^

2024-09-22 12:03:00 842

原创 node卸载流程

在（步骤一打开的） ”命令提示符“中依次输入node -v与npm -v进行验证，当提示”XXX不是内部或外部命令，也不是可运行的程序“说明已经卸载成功了！3. 找到上面划线中描述的文件夹（nodejs与npm）并打开，后续使用。6.我的电脑，右键属性》》》右侧的高级系统设置》》》环境变量。，后面对应的路径（可到时对自己的自行截图保存，以备不时之需）4.打开控制面板，进入程序与功能，找到绿色的图标的node并。7.双击上面绿框区域的变量为path的项（比如下图的）希望本文会对您有所帮助~ ^_^

2024-09-16 16:45:00 1648

原创手写函数柯里化示例

第二种情况就是接受到的参数少于3，后续还会再次调用并传参；3.想要让创建出来的实例可以作为函数调用，须在构建函数中return一个函数以供调用传参（即接受长、宽、高），可参考下述代码中的注释（arguments可以获取到该函数接收到的参数）。先说一下函数的柯里化是什么样的效果，举个例子，对于计算长方体体积的函数，需要传长、宽、高三个变量，那么可以通过（fun为函数名）今天记录一个经典的手写面试题，手写函数的柯里化示例。1.先书写一个基本的，求体积的函数。希望本文会对您有所帮助~^_^至此便可以完成该需求！

2024-07-11 14:15:00 271

原创 uView2中form表单验证可能失效原因

需添加type约束，如这里date是时间戳（数字类型），补充type为number即可，如下。总之，希望本文会对你有所帮助~ ^_^

2024-05-20 00:00:00 668

原创 vue项目设置主题色

在vue开发过程中，很多页面为了保持主题颜色统一，且方便后期管理，通常会设有主题色，通过主题色可以使得页面上的按钮单选框等控件保持颜色统一。1.先建立一个js文件用于存放主题色，如style.mixin.js。2.导出计算属性，每个计算属性返回目标颜色。希望本文会对您有所帮助~ ^_^

2024-05-11 02:30:00 415

原创 uniapp文本框上下滚动问题

之后即可生效（不会做gif，脑补下吧。希望本文会对您有所帮助~ ^_^2.对其设置最小高度以撑起容器。3.想要滚动，用可滚动标签包裹。4.scroll-view参考。5.(不必要)可添加字数统计。

2024-05-06 18:29:43 1487 1

原创 git常见命令（成长版）

希望本文会对您有所帮助~ ^_^可通过下面命令创建本地分支。可能会出现类似下述报错。

2024-04-23 17:50:35 320

原创手机app抓包流程（fiddler）

8.手机端（注意是手机端，不要弄错）打开ip（本机ip）+端口号（第五步配置的，这里是9999），可以看到类似如下界面，点击此处下载证书。设置> 安全>更多安全设置（如有,没有往后继续走）>从手机存储安装，界面如下（不同手机可能有些许区别），点击并上传证书（刚刚下载的）。在里面找到该wifi的相关配置如下图，将代理改为手动，并录入电脑ip(获取方法见下方)与端口（与步骤5保持一致）下载后进行安装（可能会输入锁屏密码），有的手机可能不能直接安装（比如俺的），可以进入。（1）先确认4，5步配置是否存在问题。

2024-04-19 17:46:24 5015 1

原创 jsplumb实现树形拖拽简单效果

有一个需求是要求制作一个可拖拽树图的展示效果（可拖拽），由于仅仅是是展示，因此只需实现最简单的即可，这里使用到的插件便是jsplumb。（1）但通过上图，你会很明显的发现线的样式比较乱，可以通过在connent里面的对象中添加connector为直线等方法使其变直。jsplumb_instance对象中提供draggable方法可以使其实现拖拽效果，直接对每一个关联节点使用即可。css部分（注意一定要设置absolute）下面为整体参考代码：（html部分见上文）此时图中的效果基本就出来了。

2024-04-17 11:58:14 794

原创 css面试题之flex实现麻将三饼布局

麻将应该很多人都熟悉吧，那如何通过flex布局尽可能使用少的节点来实现“三饼（也有人管它叫桶）”的效果呢？（ps:麻将牌效果如下）3.对三个饼依次设置align-self为self-start、center、self-end来实现垂直均分。2.通过设置justify-content: space-between;使得三个饼能够均分区域并排列。1.首先先通过flex修饰外层容器，内部的三个节点分别代表三个大饼。总之，学习css是一个长期积累的过程，积硅步方可至千里。希望本文会对您有所帮助 ^_^

2024-04-15 11:41:35 451

原创页面模块向上渐变显示效果实现

想要首页不那么枯燥无味吗？还在未首页过于单调而苦恼吧，来试试这个吧（大佬请忽略上述语句·o·）希望本文会对您有所帮助~ ^_^

2024-02-06 18:03:33 314 2

原创 vue懒加载请求思路

首先是是么时候应该触发懒加载，以上面页面为例当页面容器中的卡片不能充满屏幕时就会触发加载出新数据，触发前提是1.已获取数据并非全部的。ps: 当首页请求的数据不足以填满整个屏幕的时候，可以在load中的数据请求回调中补充调用一次setListener方法，进而自动触发。2.然后就是获取数据的函数了，这里定义一个load方法来获取，并改变上一步定义的两个值。当页面中不存在分页时，首先考虑到的就是懒加载，所以今天提供一个懒加载的思路。好的，以上就是全部内容了，欢迎大家前来讨论，希望本文会对您有所帮助~ ^_^

2024-02-06 11:37:16 321

原创 js改善轮播图（transform）时内部文本上下闪动问题

前些天绘制轮播图时，发现轮播图中不同span标签内（样式不同）文字上下跳动。然后闪动的问题就应该已经得到改善了。希望本文会对您有所帮助~ ^_^

2024-02-05 17:04:15 624

原创 js正则综合练习1

2023-01-05: 卖出苹果6个，卖出巧克力蛋挞8枚，共收获555元。2023.01.03: 卖出冰淇淋蛋挞5枚，卖出苹果派6枚，卖出巧克力蛋挞3枚，共收获333元。2023-01-02: 卖出汉堡9个，卖出蓝莓派3个,没有卖出巧克力蛋挞7枚，共收获222元。2023-01-01: 卖出巧克力蛋挞5枚，卖出苹果派6枚，卖出蓝莓派3枚，共收获111元。2023-01-06: 卖出苹果6个，幻想卖出巧克力蛋挞2枚，倒闭了。2.排除特殊关键词，如“没有卖出”。希望本文会对您有所帮助~ ^_^

2024-02-05 15:18:25 426

原创前端实现页面内容的截图与下载（html2canvas）

（2）获取到canvas后用其toDataURL方法转换为url，并提供a链接的href（放链接）与download（文件名）并添加到页面上来进行下载（注意图片格式统一）。（3）想要自动下载，可先将a链接藏起来，并异步使用dispatchEvent触发其点击事件，最后移除该a链接即可。（1）html2canvas方法来获取canvas对象，其第一个参为对应的节点，第二个是相关配置项。之后便可以下载目标节点（示例中aimPart）的相应截图了~1.安装并引入html2canvas。今天是一个发文的好日子😀~

2023-11-17 19:01:16 1210 2

原创设置div等标签变为输入框以及placeholder配置

ps：这里是根据tableList循环生成的输入框，在里面添加了placeholder属性，确保每个placeholder都是真正想要的不一样的属性。下面举一个例子（此处item.value为输入框中对应的值，当值为空时，展示placeholder。这是一个很神奇的属性，可以很轻易的实现该效果。（提高attr获取自定义的default-placeholder属性值，并添加为伪元素的内容）1.先自定义两个属性，一个用于存放默认的placeholder值，另一个备份一个真正的值。希望本文会对你有所帮助 ^_^

2023-07-24 19:16:31 2455

原创 el-table新增列时，fixed部分抖动问题。

方法1：在网上查了下，也是table重新计算导致的。可以通过写死cell高度解决问题。(不生效样式穿透下)然而，这时你会发现问题虽然解决了，但是cell的高度被限制住了。所以说在部分情况下仍然不妥当。然而，我发现table中设定固定的列（fixed）仍然存在抖动问题。今天制作表格新增列时，发现表头在动态添加列时疯狂抖动。方法2：经过研究发现是一个相应的标签top变化导致的。希望本文会对你有所帮助 ^_^

2023-06-29 19:02:00 1553

原创 el-table点击单元格变成输入框，以及其自动获取焦点失效可能的原因（focus失效）

后来笔者通过document.querySelectorAll方法发现获取到的该类名的Dom不止一个。经过排查是el-table的一列设置了fixed（固定）所导致的。row-class-name与cell-class-name用于获取每个单元格的行列信息以便定位cell。clickCell：单元格的点击事件，用于根据当前点击的行列信息决定变成输入框的cell。解决方法：获取第一个符合条件的Dom并获取其焦点。2.获取真正的input并获取其焦点（方法不一，这里使用的jQuery）

2023-06-15 18:36:55 4481 2