鱼猫的博客

原创 .bat批量生成指定名称文件夹

抄网站的时候需要根据已有的菜单建立对应的工程文件或者页面，菜单文字好获取，直接dom查询就可以了，将获取到的菜单名称通过一定的规则转为拼音或者英文，将转化后的名称放入txt记录，然后使用bat读取并创建对应文件夹。

原创 bat批量下载多个地址指定的文件

一次性根据网络地址下载任意多个网络文件

原创 vue3虚拟滚动条（非虚拟列表）

vue3 虚拟滚动条或者叫做 模拟滚动条

原创 前端处理取消选择文件动作

项目中用到各种选择文件，且有很大一部分操作几乎相同，想要尽可能的简化选择上传文件的步骤，因此选择脚本生成 标签的形式完成函数式的上传文件调用，但是如果打开了文件管理器但是并未选择文件而是点击了取消，此时是不会触发的的事件的，如果想要在取消选择文件后清除一些缓存变量以及回收等资源的话，仅凭当前的内容并不足以完成。解决重点在于如果得知文件管理器关闭了，在文件管理器关闭后根据判断是否有选择文件。可以使用,当有页面内容获取焦点的时候，此时打开会导致焦点转移，当关闭时，页面内容会重新获取焦点且会触发

原创 前端 滑动拼图校验 纯js组合式调用

纯js,canvas 滑动拼图校验

原创 单选复选状态控制类

对于单选复选这种逻辑闭合的基础组件，javascript 控制脚本是可以完全独立出来的，仅对外暴露状态即可根据不同的平台和环境进行视图的渲染。

原创 微信小程序原生横向步骤条steps

微信小程序原生横向步骤条 steps

原创 微信小程序 仿 SwipeCell 的滑动单元格 SwipeBox

微信小程序 仿SwipeCell 的原生滑动单元格SwipeBox

原创 无敌小恐龙

断网恐龙小游戏无敌指令

原创 列表排序应用FLIP动画（vue）

效果原理详解链接1.beforeUpdate 获取first 变化前位置 (以id建立map映射)，2.updated 获取变化后位置 last ,3.禁用transition并transform元素回初始位置，4.异步恢复transition 并取消 transform代码<template> <div ref="container"> <div style="display: flex"> <div style="w

原创 解决微信小程序 [Component] slot ““ is not found.

解决方式当使用自定义组件或者slot标签作为组件A的插槽内容时，在组件A中必须定义一个默认插槽，对普通view等标签无限制。场景复现（仅以自己遇到情况为例）1、调试基础库2.19.42、使用weapp 的组件包，以其中的van-search组件为例3、在任意页面中使用 van-search,控制台会出现[Component] slot "" is not found.的警告，不影响程序运行，只是看着不爽排查过程按照报错的字面意思 为 使用了一个未定义的默认插槽先看正常的默认插槽用例例有：自

原创 微信小程序原生 地区选择器

原创 el-table跨页选中

el-table 跨页选中

原创 el-table单选（简单应急版）

<el-table-column v-if="!isMulti" width="40" class-name="column-radio"> <template v-slot="{row,$index}"> <el-radio v-model="radio" :label="$index" @change="selection=[row]"> <span></span> .

原创 js浮点运算式

结果calc('0.23*-0.03+(4*0.2)') =>0.7931代码//加|减|乘|除 浮点运算 const floatMulti = (a, b) => { let m = 0, s1 = a.toString(), s2 = b.toString(), s1l = s1.split('.')[1], s2l = s2.split('.')[1] m = (s1l ? s1l.length : 0) + (s2l ? s2l.length : 0) return

原创 矩阵字符串配置任意合并表格布局

效果核心布局配置矩阵（以下为多个模式),可以使用|或\n表示矩阵行const gridArr = [`1,2,a,b3,4,a,b5,6,a,b`,`1,23,45,6`,`1,2,3,43,4`]任意横向或者纵向相同的字符表示一个合并块使用<CalcTable grid="1,2,a,b|3,4,a,b|5,6,a,b" > <span>姓名</span> <span>李牧</spa

原创 自适应浮动表单填充布局脚本

效果1、适合搜素表单布局，查询重置等功能块始终位于最后一行的最后一列2、适合普通多行两端对齐，未填充满的行左对齐思路此脚本目的为实现整齐风格的表单布局，为了达到整齐的效果，每个表单元素或者块都要设置一致的 宽度flex 布局不能适应多行不同的对齐需求，grid需要额外配置不同分辨率的分割，此脚本只需要设置块宽以及块的默认最小间隔（块指效果图中灰色块，脚本中定义为box）通过已知的块宽和最小间隔能够计算出一行最多可容纳多少块，如果宽度富裕则计算出新的间隔浮点运算的不准确，需要计算正数插值，

原创 树形可拖拽排序配置组件

效果使用场景vue2下自定义表格表头配置: 列排序，显示/隐藏等。确保表头以配置项的形式加载，这样表格才能对修改后的配置作响应思路1、表格使用render函数加载(如有疑问可私信)，通过类似如下的columns配置表头columns: [ { label: '姓名', prop: 'name', width: '160', fixed: true }, { label: '性别', prop: 'sex', align: 'center', width:

原创 element-ui 可复选树型表格

效果思路自定义模板当点击某个行复选框时，其所有后代复选框都要同步状态，且其直系父辈状态需要根据所点击复选框的状态来修正点击全选复选框时，批量同步所有行内复选框状态代码非封装组件，按需自行改写确保引入element-ui 的情况下直接新增如下代码的vue组件即可，部分数据检索和批处理存在优化空间。<template> <div> <aside>树型表格复选框</aside> <el-table re

原创 three.js 拖动场景中物体(原生|拖拽控制器)

three.js 鼠标拖动场景中的物品（非相机控制）

原创 无水印GIF软件

screentogif

原创 实现二维码-完整三种编码流程加代码解析（javascript）

效果输入内容：XXXwedewed生日//&sss乐❤XXXwedewed生日//&sss乐❤完整的演示效果为，输入内容后会将解码绘制的每一步都展示（有点长就不全截图了，可以直接移至最后复制代码到本地运行）：原理个人理解（也是本文代码的实际流程），此处不详细展开，掺杂在流程中解释：输入内容input；确定编码mode；确定纠错等级level；根据mode+level确定的数据容量，确定最小的适合版本version；生成input在对应编码下的 二进制input_bin

原创 二维码-纠错码生成(js)

二维码-纠错码生成(js)

原创 伽罗瓦域(256) 生成指定纠错码字的生成多项式 （js）

伽罗瓦域(256) 生成指定纠错码字的生成多项式 （js）

原创 模2运算及模2运算式计算 (js)

学习二维码生成的时候卡在纠错码部分，然后就接触到了伽罗华域，了解到模2运算，恰好前不久刚了解了波兰表达式，就尝试写一个支持模2运算的算式解析计算。

原创 自定义处理网页选区字符并实时显示（js）

浏览网页的时候，可能会去数一下某段文字的字符数量，或者需要对选中内容做些实时翻译，比如进制的转化，可以使用脚本做个简单的实时翻译

原创 A* 寻路 +寻路演示(js)

A* 寻路算法，原理加 javascript 动画演示

原创 柏林噪声&双线性插值初步了解（js）

柏林噪声双线性插值

原创 svg 折线添加新的折点

svg 折线添加新的折点，判断折点位于折线的哪一段

原创 viewBox视图缩放（1）

svg viewBox属性 非等比缩放配置测试

原创 canvas简单五子棋

canvas简单五子棋

原创 Prime算法生成迷宫

prime算法生成迷宫实例

原创 计算占比并保证百分比和为1

计算一组数据的百分比占比，并保证百分比总和为1

原创 canvas转盘-拯救选择困难

每到饭点就纠结吃什么，不如直接roll点。