- 博客(20)
- 收藏
- 关注
RSS订阅原创 Swiper 在 React 中的使用以及苹果设备中存在的问题
在 React 中 使用 Swiper，以及 Swiper 在苹果设备中存在的问题：通过 a 标签跳转回退后 Swiper 无法自动播放
2022-08-29 15:36:47
690
原创 Javascript 返回指定日期所在星期的开始和结束时间戳，即自然周周一00:00:00.000——自然周周日23:59:59.999
【代码】Javascript 返回指定日期所在星期的开始和结束时间戳，即自然周周一00:00:00.000——自然周周日23:59:59.999。
2022-08-29 10:47:20
477
原创 浅谈useEffect
作用useEffect接收一个函数，可以让用户在函数组件中执行副作用操作，如：设置订阅和事件处理ajax请求等异步操作更改DOM对象及其他会对外部产生影响的操作等使用方式useEffect(create[, deps]);第一个参数是要执行的 effect，而第二个参数是依赖项，依赖项是选填的。例如function App() { useEffect(() => { document.title = 'example'; // 副作用操作 }); retur
2021-12-31 18:31:02
2267
原创 el-upload批量添加文件转换为base64格式上传，以及on-change钩子存在的坑和解决方法
<template> <el-upload class="upload-demo" action=" " //必选参数，上传的地址 :multiple="true" //是否支持多选文件 :limit="5" //最大允许上传个数 accept="image/png, image/jpeg" //接受上传的文件类型 :on-change="(file,fileList) =>.
2020-09-10 17:46:50
938
原创 骚操作解决option项过多组件卡顿，el-select filter-method和vue自定义指令实现假懒加载 && 假远程搜索
最近开发遇到个下拉列表会存在三四千个项甚至更多的情况，el-select组件会变得非常的卡，为了改善体验（这里的体验是指卡顿，不是请求慢），我所了解的有几种解决方法：使用远程搜索：我感觉缺点就是不搜索的话就没有项展示出来，不是所有人都能记住有什么项； 懒加载配合filter：类似分页获取，当项滚动到底部时page+1，获取下一页拼接到现有项的后面；缺点：filter过滤只能根绝已获取的项过滤，会造成误解，体验也不是很好；上述两种方法是基于我现有的认识，实现起来都需要后端的配合，如果有更好的方法，欢.
2020-09-07 18:05:48
1920
原创 Avue cli后台模板页面内容全屏适配解决，涉及FullScreen API的使用、判断浏览器判断是否全屏、浏览器全屏和退出全屏以及CSS变量的使用等
Avue cli后台模板页面内容全屏适配解决思路，涉及FullScreen API的使用、判断浏览器判断是否全屏、浏览器全屏和退出全屏以及CSS变量的使用等
2020-08-15 18:30:15
1857
1
原创 git修改最后一次push的commit注释
git commit --amend进入到vim编辑器编辑提交信息ESC退出编辑:wq保存并退出git push -f 强制重新推送
2020-07-21 19:44:43
161
原创 el-tree当一个非叶子节点的直接后代节点都取消勾选后该节点继续保持勾选状态
<el-tabs type="border-card"> <el-tab-pane label="菜单权限"> <el-tree :data="menuGrantList" show-checkbox node-key="id" ref="treeMenu" chec...
2020-07-06 15:14:11
925
原创 el-tree实现单选功能
关键配置 ：data 树形结构的数据show-checkbox 显示复选框ref 可以this.$refs.tree拿到此控件node-key 给节点的编号check-stricty 父、子节点之间没有关联【不写这个，选了父节点，会默认选择全部的子节点】check 复选框选择、取消选择时触发的事件<el-tree ref="tree" @check="handleCheck" :data="treeData" node-key="id"
2020-06-17 18:45:50
2991
原创 el-tree check-strictly为false实现选择和取消选择一个节点时，子节点跟着选中和取消
先看具体实现效果核心：绑定check事件和设置check-strictly为true，当点击某个节点时判断是勾选还是取消勾选；找到子节点和已勾选的节点，如果是勾选用concat合并再用set去重，如果是取消勾选在已勾选的节点中去掉子节点，最后用setCheckedKeys或者setCheckedNodes设置<el-tree :data="apiScopeGrantList" show-checkbox node-key="id" ref="treeApiScop
2020-06-15 18:30:25
6795
原创 JSON.stringify()的九大特性
第一大特性：1.undefined、任意的函数以及 symbol 作为对象属性值时 JSON.stringify() 将跳过 （忽略）对它们进行序列化；2.undefined、任意的函数以及 symbol 作为数组元素值时，JSON.stringify() 会将它们序列化为 null；3.undefined、任意的函数以及 symbol 被 JSON.stringify() 作为单独的值进行序列化时都会返回 undefined；第二大特性：非数组对象的属性不能保证以特定的顺序出现在序列化
2020-06-15 16:54:40
582
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人