- 博客(14)
- 收藏
- 关注
RSS订阅原创 element-plus cascader级联组件 父子半关联（父取消子不取消 子全选自动勾选父）
到这产品描述的需求就做完，思考了一下，感觉很别扭，不太合理。正常逻辑应该是除开不可勾选的，标签值父子关联，也就是父勾选子自动勾选，这里提供两个方法进行参考。使用组件自带的父子关联肯定是做不了这个需求，所以需要设置checkStrictly属性设置为true,然后通过判断现有选中的子节点数据长度是否去勾选父。2、当标签值下还有标签值时下一级全勾选上父级标签值自动打勾，父级取消勾选，子标签值不取消勾选；擦，真的是产品一句话说完就下班，开发裤裤加班改。1、分类项，标签项，不可以勾选，标签值可以勾选；
2024-01-31 12:28:07
795
3
原创 vue3+ts+sortablejs实现多级拖拽排序
引用sortablejs可能会出现下图报错，这个错误表示在模块的声明文件中找不到相关的类型定义。还是提示找不到时直接创建一个以 “.d.ts” 结尾的声明文件，去声明一个这个模块，内容如下。嵌套关系，父级和子级都可以拖拽排序，但是子级不能跨父级。按照提示安装类型声明文件。
2023-07-20 12:13:14
1241
2
原创 vue3多文件大文件分片上传（spark-md5）
文件通过input上传到页面时对应使用spark-md5生成一个hash值，生成hash值之后分片（每个分片hash相同，索引不同），获取到hash值之后调用查询接口，查询文件对应哪些分片已经上传过，上传过的分片跳过，在所有文件分片上传完之后，还需要把分片的文件合并。文件使用spark-md5 获取hash值，文件内容不修改的话（文件名修改不影响hash值）获取的hash值是一致的，分片条件不变的话，索引也是对应一致的，以此做为前提才能做到跳过已上传的分片。七、文件分片及查询已上传的分片。
2023-07-17 17:01:52
4557
6
原创 面试大纲-vue篇
Q：vue项目为什么需要在列表组件中写key，其作用是什么？A：key的作用就是在更新组件时判断两个节点是否相同，相同就复用，不相同就删除旧的新建新的。组件带唯一的key时每次更新都会销毁重新创建组件，不会造成状态污染。Q：vue的双向绑定，model如何改变view，view又是如何改变model的？A：核心是利用object.defineProperty劫持传进来的数据，然后在数据getter的时候订阅重新编译模板的消息，然后通过js监听元素事件监听元素输入值的变化，将新的直重新赋值给被劫持的da
2022-02-13 15:00:32
491
原创 移动端 监听手指滑动方向
高产是母猪，这个是转载一位大佬的，但是我忘了是哪位大佬了，发布只为了自己以后方便使用~// initTouchvar EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) element.addEventListener(type, handler, false); else if (element.attach
2021-03-15 18:57:35
350
3
原创 移动端 适配rem
//--------- initRem -----------------(function(doc, win) {//屏幕自适应 var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clientWidth; if(!client
2021-03-15 18:49:55
102
原创 H5 陀螺仪（DeviceOrientationEvent）
H5 陀螺仪（DeviceOrientationEvent）h5陀螺仪，ios需要特殊处理，ios13以上调用陀螺仪需要申请权限（需要用户手动授权，不能默认授权，并且ios真机测试时需要h使用https）话不多说 直接上代码Alpha：以Z轴为轴的旋转为alpha。其范围为0到360度，当前指向表示为z。Beta：以X轴为轴的旋转为beta。其范围为-180到180度，当前指向表示为x。Gamma：以Y轴为轴的旋转为gamma。其范围为-90到90度，当前指向表示为y。???? 嘘~偷的图
2021-03-15 18:46:16
4550
原创 js 获取下周一日期并计算出相差几天
摘要：周日使用getDay()获得的是0，getDate()获取的月份是0-11，需要做处理var nowTemp = new Date(), oneDayLong = 24*60*60*1000, c_time = nowTemp.getTime(), c_day = (nowTemp.getDay()||7)-7, m_time = c_time - (c_day-1)*oneDayLong, monday = new Date(m_time), m_year = monday.getFu
2020-08-07 15:41:15
518
原创 js 两时间相差倒计时（同步服务器思路）
众所周知，1小时==3600秒，那么接下来就好办了，上才艺…需求var timerID = null, timerStatus = false; monitorTimer();function getDifferTime() { var startDate, // 开始时间 Tue Jul 21 2020 13:27:30 GMT+0800 (中国标准时间) endDate, // 结束时间 Wed Jul 22 2020 13:22:00 GMT+0
2020-07-21 15:02:29
531
原创 JQ表格排序，数字排序
JQ表格排序需求展示代码展示需求展示最近做项目有个需要做排序的需求，整理记录一下…需求如图，默认不排序，每次排序只以一列排序。代码展示html：
2020-07-06 14:02:25
571
原创 JQ下拉加载更多
// 滑动监听$(window).scroll(function() { var scrollTop = $(this).scrollTop(), scrollHeight = $(document).height(), windowHeight = $(this).height(), seeMore = $('.cpjz-warp .see-more'); if (scrollTop + windowHe
2020-06-11 16:17:18
494
原创 随手记(css)
随手记(css)hello！第一次写博客，主要目的是充当个记事本整合下自己知道的知识点，如果错误请指点…三栏布局float布局实现：左中右三列，左列左浮动，右列右浮动，中间列左右margin；优点：比较简单，兼容性高；缺点：浮动元素脱离文档流，使用的时候一定记得清浮动。ps：本人常用双伪类清除浮动(.clearfix:after,.clearfix:before {content: “”;display: block;clear: both;})position布局实现：左中右
2020-06-10 16:52:36
110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人