SB52220的博客

数组对象、多维对象、数据处理方法，ES6语法，JavaScript语法优化，前端数据处理优化，前端数据处理代码简写

下拉筛选框加搜索功能，下拉选项面板加搜索功能、下拉选择+模糊查询、elementui select下拉选项面板增加模糊搜索；

element-ui table 动态合并行，element-ui table 多行合并行，element-ui table 复杂合并行，element-ui table 合并行的数据出里，数组对象格式初始化处理

vue，setup语法，实时监听dom元素宽度变化，监听组件内部元素变化；ResizeObserver(）

.up{ animation: up .7s; } .down{ animation: down 1s; } @keyframes up { 0% { transform: translateY(1000vh); } 100% { transform: translateY(0); } } @keyframes down { 0% { transform: translateY(0); } 100% { transform: translateY(1000vh); } } 使用变量...

总结：①被拖拽和放置拖拽内容的容器都需要id；②被拖拽内容设置draggable=“true”，ondragstart=”dragStart(event)”记录拖拽。③容器需要ondragover=“allowDrag(event)”ondrop=”drop(event)”。HTML<div id="dragTxt" draggable="true" ondragstart="dragStart(e

实现tab切换js有好几种方法，但要写成可复用性高、简单的我认为是jq写的。以下是源码： HTML<section> <nav id="nav"> <a class="on">tab1</a> <a>tab2</a> <a>tab3</a> <a>tab4</a> </nav> <div id="contentBox">

js验证开始时间和结束时间 结束时间不能比开始时间早

验证数字：^[0-9]*$ 验证n位的数字：^\d{n}$ 验证至少n位数字：^\d{n,}$ 验证m-n位的数字：^\d{m,n}$ 验证零和非零开头的数字：^(0|[1-9][0-9]*)$ 验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$ 验证非零的正整数：^\