- 博客(37)
- 收藏
- 关注
RSS订阅原创 视频上传，限制时长，获取视频时长
使用element的upload上传文件时，除了类型和大小，需求需要限制只能长传18秒内的视频，这里通过upload的before-upload，以及创建一个音频元素对象拿到durtaion时长属性来实现。loadedmetadata 事件是当指定的音频/视频的元数据已加载时触发，就可以得到元数据，包括时长，尺寸等；在上传文件之前的钩子里就可以拿到视频的时长做判断了，videoTimes的单位是秒。这里使用promise是因为加载音频元数据这是一个异步操作。
2023-08-18 18:13:14
1327
原创 Typescript: 整理组件和DOM 事件的几种常用事件参数类型
Typescript: 整理Ant组件和DOM 事件的几种常用事件参数类型
2023-06-08 14:02:29
1123
1
原创 a标签download属性失效
使用a标签下载文件时，设置了download属性指定下载的文件名,但是没有生效。因为我的a标签下载链接是跨域的，猜测可能是因为跨域，浏览器获取不到文件，所以不能进行更改文件名。
2023-05-31 16:30:05
3304
原创 React-DevTools开发者工具安装
React-DevTools 安装好react-devtools后，可能项目会报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘)；
2023-05-19 14:49:46
542
原创 React+AMap: 使用Polygon和PolygonEditor时，移动多边形时，顶点没有跟着多边形移动
使用的AMap,Polygon绘制一个矢量图形区域，使用Polygon 编辑器PolygonEditor用于编辑区域，拖动多边形的顶点可以改变多边形的位置和形状，同时polygon的draggable属性设置为true，让多边形可拖拽移动，问题是当移动多边形时，多边形的顶点没有跟着移动。
2023-05-19 14:06:44
664
原创 Typescript: 元素隐式具有 “any“ 类型，因为类型为 “string“ 的表达式不能用于索引类型
使用typescript来进行类型定义和约束时，经常会出现类似报错: 元素隐式具有 "any" 类型，因为类型为 "string" 的表达式不能用于索引类型。
2023-05-19 10:37:20
1175
原创 React+Ant ：循环表单中的选择框，实现选择一个选项后，其余的选择框禁用该选项
循环表单中的选择框，实现选择一个选项后，其余的选择框禁用该选项
2023-05-12 14:16:21
546
1
原创 React+Ant：编辑的时候，动态增删表单项不可删除
标题描述的问题不准确，实际遇到的问题是表单中有一个动态增删的表单项，编辑的时候，如果有三条，会回显出三条数据，这时还可以增加新的循环表单项，但是删除的时候删除的只剩三条数据时，再点删除就失效了。在Ant Design 的 Fom 组件中，如果在表单初始化设置了 initialValues，那在删除表单项时，其实是无法删除与 initialValues中相同值的表单项的，因为这些初始数据被保存在表单的 values 中，当删除表单项时，如果新添加的值仍然与初始值相同，那么删除操作会被视为无效操作。
2023-05-10 16:17:13
188
原创 React+Ant：隐藏表单项，可用于表单中的选择框拿取多个数据
Select 组件的 Option 选项中传递了一个 JSON 对象作为其 value 属性，以便将该对象的多个属性值一并传递给后端。编辑的时候，后端只返回了指定 id 值而没有返回相应的 name 值，选择框无法回显，使用隐藏表单项的方式，下拉选择框的option的value还是设置为id,这样利于回显，将其余需要的字段单独写一个表单项，设为hidden,在下拉选择框的onChange事件，给表单赋值。
2023-05-10 10:57:31
906
原创 vant checkbox 复选框 冒泡事件的处理 点击复选框不触发父元素的点击事件 常见的事件修饰符
vant checkbox 复选框 冒泡事件的处理 点击复选框不触发父元素的点击事件 常见的事件修饰符
2023-03-07 15:13:02
3403
原创 element el-input-number 加减失效或者只加减一次就失效
element el-input-number 加减失效或者只加减一次就失效
2023-02-20 15:37:39
5361
原创 使用element的表格，el-table-column中使用slot加v-if出现的渲染混乱失效
使用element的表格，el-table-column中使用slot加v-if出现的渲染混乱失效
2023-02-06 11:20:06
1904
原创 element的el-date-picker组件实现只可选择当前之后的时间，包括时分
element的el-date-picker组件实现只可选择当前之后的时间，包括时分
2022-12-29 21:52:58
4653
1
原创 HTML vue 识别文本中的\n 进行换行
识别文本中的\n 进行换行,在项目中碰到这样的情况，需要渲染文本域写入的内容，在编辑文本域时换行得到的文本就有了\n,如果直接渲染的话无法实现换行。
2022-12-29 21:29:25
11762
3
原创 JS中的 map, forEach 无法跳出循环,every 和 some的使用
JS中的 map, forEach 无法跳出循环,every 和 some的使用
2022-12-29 21:11:33
2295
原创 el-input 回车刷新页面
el-input 回车刷新页面当form表单中只有一个Input组件的时候，在输入框中按下回车就是提交该表单并且会自动刷新页面。
2022-11-30 15:15:18
449
原创 ECharts：饼图颜色和数据项一一对应的配置
饼图颜色和数据项一一对应的配置，如果把颜色配置在option中，color: ['#..', '#..', ....],只有在每个类型都有数量时才是一一对应的，颜色实际上没有和类型一一对应。
2022-11-21 20:05:09
1702
原创 vue:聊天对话框的实现
vue:聊天对话框的实现，保持滚动条在位于底部的最新消息。长单词换行，以及数字，英文，符号不会换行，还有浏览器默认压缩空格的问题。处理聊天信息里的链接
2022-10-12 15:39:27
12079
原创 前端页面渲染“富文本编辑器的内容“
问题：前端在用v-html或者``渲染富文本编辑器的内容时，标签和类名都会被解析，但是没有渲染出富文本编辑器里的样式效果。原因:在回显时候，不支持quill编辑出来的样式，因此生成的标签只有类名，没有样式。2.HTML部分 将要渲染的元素用特定类名盒子包起来。以上就保证页面渲染出来的效果和富文本编辑器样式一致了。引入样式的时候，如果没有架包。1.引入用于渲染富文本编辑器的样式。...
2022-08-31 11:13:41
3029
原创 JS Date对象---计算两个时间之间的差 xxx天xxx时xxx分xxx秒
var date1 = new Date('2021/11/17 16:40:43'); var date2 = new Date(); function bbb(date1,date2){ var differMilliSecond = Math.abs(date1.getTime() - date2.getTime()); var differSecond = differMilliSecond/1000; //相差的天数 var day = parseInt(di...
2021-11-18 19:50:23
518
原创 JS Date对象---获取上个月在当天的时间
比如输入 2021-11-18 11：08：59输出 function getPreMonth(date) { if (date == "Invalid Date") { return "无期日期"; } switch (date.getMonth()+1) { case 1: date.setFullYear(date.getFullYear() - 1); ...
2021-11-18 19:46:58
691
原创 数组的应用---JS实现括号匹配的问题
<script type="text/javascript"> function matchBrackets(str){ //定义一个空数组，用于存放每遍历到的左括号所对应的右括号 var arr = []; for(var i = 0;i < str.length;i++){ //value用于存放遍历到的左括号 var value = str[i]; switch(value){ case '(': ...
2021-11-17 19:19:45
903
原创 弹性布局---实现二级菜单
<body> <div class="main-menu"> <div class="menus"> <a href="">首页</a> </div> <div class="menus"> <a href="">关于我们</a> <div class="menu-son"> <a href=""><.
2021-11-13 15:30:30
588
原创 js---循环语句应用——实现点击右侧小图切换大图
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .box{ width: 800px; height: 500px; /* border: #000000 solid 1px; */ } .div{ height:450px; width:650px; .
2021-11-11 20:50:10
763
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人