- 博客(142)
- 资源 (9)
- 收藏
- 关注
原创 js跳出循环方法
forEach 接受一个 回调函数(callback) 作为必要的参数;而 回调函数 又会接受以下三个参数:currentValue 当前被操作的值;index 当前被操作的值的索引,可选;array forEach() 方法正在操作的数组,可选 forEach 接受一个 thisArg 作为可选参数 thisArg 可是做回调函数中的 this;return 只会起到中止callback 的作用,结束当前迭代,不能跳出循环。continue,结束当前迭代。
2024-08-24 20:00:00 385
原创 vue3遇到问题集合
注意:需要将接收的props作用在setup的顶层,不能放到setup生命周期里面(defineProps 第1点)attrs:值为对象,包含组件外部传递过来,但没有在props配置中声明的属性。1.props:值为对象,包含:组件外部传递过来。切组件内部声明接收了的属性。emit:分发自定义事件的函数,相当于this.$emit。2.context :上下文对象。:收到的插槽内容,相当于。
2024-08-15 21:00:00 521
原创 vue 中使用 lodash Debounce防抖不生效
注:debounce返回的是一个函数,debounce后面增加()或直接在点击事件中调用是。需求:搜索按钮增加防抖功能。
2024-08-13 22:00:00 332
原创 checkbox 复选框 冒泡事件
解决办法:给checkbox绑定一个catchtap,指向空事件,阻止事件冒泡,如:catchtap=“checkEvent”,checkEvent定义一个空事件。3 @click.native :绑定原生的点击事件 ,(vue的组件中使用原生的点击事件,需要加.native )1 @click.stop :阻止事件冒泡,点击该元素时,仅执行本身绑定事件,不会执行该元素的父元素的绑定事件。5 @click.capture :事件捕获 使事件触发从包含这个元素的顶层开始往下触发。
2024-06-22 21:00:00 408
原创 ECharts Y轴倒置,X轴顶部,图表反向
yAxis: { inverse:true} //让Y轴坐标为反向坐标。xAxis:{position: ‘top’} //让x轴在顶部。
2024-06-21 21:30:00 707
原创 ElementUI el-select 改变高度
给el-select加一个自定义类,这样不会影响其他的el-select,或是scoped,但是需要加/deep/修改 ElementUI el-select 高度,同时需要修改内部样式,否则下拉箭头会发生偏移。
2024-06-19 22:00:00 961
原创 echarts自定义legend方法
思路:在配置legend里面设置一个selected,名字和series里面的name对应,通过true和false控制显示或不显示。配置本身的legend设置不显示。通过自己写的checkbox,可自定义样式,来控制legend。
2024-06-19 16:35:16 497
转载 判断页面是在手机端还是在PC端
不同之处是它将 user agent 字符串解析为一个对象,该对象的mobile属性,返回一个布尔值,表示用户是否使用移动设备。上面示例中,window.matchMedia()的参数是一个 CSS 查询语句,表示只对屏幕宽度不超过 700 像素的设备生效。它返回一个字符串,表示用户的操作系统。上面示例中,any-pointer:coarse表示所有指针里面,只要有一个指针是不精确的,就符合查询条件。这种方法的优点是简单方便,缺点是不可靠,因为用户可以修改这个字符串,让手机浏览器伪装成桌面浏览器。
2024-04-24 17:35:54 977
原创 overflow-y没有超出高度,依然显示出滚动条
即使内容不超过高度,也会出现右边的滚动条(max-height与height出现的滚动条长短不一样,渲染数据有时多有时少,使用max-height)。
2024-03-26 21:00:00 620
原创 小程序样式问题
button按钮去掉边框,border:none;或border:0; 仍有一条细线边框解决:使用 button::after{ border: none; }或是.[className]::after{ border: none; }vantweapp使用外部样式类custom-class等,推荐使用!important,保证样式优先级,具体视情况而定。待续
2024-02-26 11:38:57 144
原创 定时器setTimeout校准(JS闭包)
在js中所有函数都可以访问上一层作用域,父函数中定义子函数,子函数可以访问父函数中的值,子函数相当于一个闭包函数。父函数调用子函数进行计数,counter不会被重置,且不能被外部所改变,只有重新调用父函数,才会重置。每次执行定时器后,都获取系统时间进行修正,对后面运行时间有一个补偿。
2024-01-03 21:45:00 501
原创 flex布局换行后出现间隙问题
align-content是Flex布局中用于控制多行子项在交叉轴上的对齐方式的属性。它仅在有多行子项时才会生效,如果子项只有一行,则align-content属性不会产生任何效果。align-self 是Flex布局中用于单个子项控制其在交叉轴上的对齐方式的属性。通过为单个子项设置 align-self 属性,可以覆盖容器的 align-items 属性,从而针对该子项进行个别的对齐方式设置。问题:换行后,行间出现空白间隔,如果没有设置父容器的高度,不会出现这个问题,父容器高度会随子项增多,而变大。
2023-12-21 10:26:17 2103
原创 echart饼图高亮颜色设置,数据为0时候,labelLine不显示
label不显示可以在series.data外面设置。label不显示也可以在data里面单独设置某项。
2023-12-06 21:30:00 1117
原创 elementui 修改 el_table 表格颜色,表格下方多了一条线问题
如果使用了scoped,需要加上stylus /deep/ (其他的css语言有不一样的写法)其他背景色,表格边框颜色修改。
2023-10-23 21:00:00 1279 1
原创 计数器(JS闭包)
在js中所有函数都可以访问上一层作用域,父函数中定义子函数,子函数可以访问父函数中的值,子函数相当于一个闭包函数。父函数调用子函数进行计数,n不会被重置,且不能被外部所改变,只有重新调用父函数,才会重置。调用父函数时,返回的是一个函数,相当于要执行createCounter()() 才会有输出值;实现一个计数器,counter 函数最初返回 n,每次调用它时会返回前一个值加 1 的值;闭包满足n的变量,调用过程中不会在外部被改变,也不会被重置。输出[-2,-1,0,1]
2023-10-10 20:00:00 505
原创 vant2 van-calendar组件增加清除按钮和确定按钮
注意:date是一个数组,有两个对象,只选择一个日期的时候,返回[{日期},null],故不能根据数组的长度来进行判断。
2023-08-31 22:00:00 1845
转载 CSS中一个冒号和两个冒号有什么区别(css中:和::的区别)
与伪类针对特殊状态的元素不同的是,伪元素是对元素中的特定内容进行操作,它所操作的层次比伪类更深了一层,也因此它的动态性比伪类要低得多。它控制的内容实际上和元素是相同的,但是它本身只是基于元素的抽象,并不存在于文档中,所以叫伪元素。伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id、class、属性等静态的标志。伪元素所控制的内容和一个元素控制的内容一样,但是伪元素不存在于文档树中,不是真正的元素,所以叫伪元素。伪类将应用于被激活的元素,如被点击的链接、被按下的按钮等。
2023-08-30 17:44:27 218
原创 css利用flex分配剩余高度出现子组件溢出问题
是一个CSS属性,用于指定弹性容器内弹性项目的伸缩能力和分配比例。情景:父组件高度一定,子组件中,其他子组件高度固定,一个子组件高度不确定(页面滚动列表)多重嵌套的时候,父组件中也有flex:1,同样需要使用overflow属性控制溢出;当子组件的内容超出了容器的高度(父组件)时候,(推荐),或是限制子组件的最大高度。1.利用flex分配剩余高度/宽度。
2023-08-29 21:00:00 2785
原创 浏览器url最后斜杠(/)有和没有的区别
不加斜杠(/):当在URL末尾不加斜杠时,表示请求的是一个具体的文件。例如,https://www.example.com/about.html 表示请求的是名为"about.html"的具体文件。加斜杠(/):当在URL末尾加上斜杠时,表示请求的是一个目录或文件夹。例如,https://www.example.com/blog/ 表示请求的是一个名为"blog"的文件夹或目录。
2023-07-27 09:54:23 3697
原创 计算两个数之和不使用四则运算
3.进位,则两个数都是1的位置,左边需要进位1,(a&b) 两个位置都是1,相与后1,左移进1。4.得出公式a+b=a^b+(a&b)
2023-06-25 22:00:00 109
原创 详解Promise对象
promise有三个状态:状态只能从pending到resolved或rejected,一旦改变了,就凝固了,不可改变,之后触发then、catch后续操作。1->2当前promise的值:1->3当前promise的值:reject(val),和上面相同解析宏任务和微任务的执行
2023-03-07 15:01:52 277 1
原创 什么是尾调用优化和尾递归?
尾调用是函数的最后一步,所以不需要,保留外层函数的调用记录,因为调用位置、内部变量的信息不会再用到,可以直接用内层函数的调用记录,取代外层函数的调用记录。函数调用会在内存中形成一个“调用记录”,又称为“调用帧”,保存调用位置和内部变量信息。当函数嵌套的层级比较深,调用栈中的调用帧比较多,对内存的消耗很大。解法:最后一步可以选择爬1个或2个台阶,则爬n阶等于爬(n-1)+(n-2)个台阶之和。每次的结果都保留在参数中,只保留一个调用记录,复杂度 O(1),不需要保留每一步的调用记录。
2022-11-09 20:00:00 412
原创 el-radio-group 点击事件无效时,保持旧值
而@change事件handleChange,提交的是model,查看计算函数的get ,当前el-radio是嵌套在el-radio-group中的就取el-radio-group的value,所以value不会改变;场景:在点击el-radio时,需要先判断一下,根据接口请求,判断结果决定本次点击是否有效,或二次确认时选择了取消。2.若使用value,加上@change事件,发现不能获取到点击的单选值,change事件传的时旧的value。源码如下:模板中绑定的是v-model=“model”,
2022-10-21 22:00:00 3841 1
原创 elementUI的消息弹窗组件手动关闭和遮罩层关闭问题
modal-append-to-body:遮罩层是否插入至 body 元素上,若为 false,则遮罩层会插入至 Dialog 的父元素上。append-to-body:Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true。可能是两个dialog嵌套问题,将append-to-body 设置为true。2.移除掉DOM(慎用)
2022-10-13 22:00:00 2601
原创 给定一个非空整数数组,除了某个元素只出现一次以外,其余每个元素均出现两次。找出那个只出现了一次的元素。
题目给定一个非空整数数组,除了某个元素只出现一次以外,其余每个元素均出现两次。找出那个只出现了一次的元素。链接https//leetcode.cn/problems/single-number。你的算法应该具有线性时间复杂度。你可以不使用额外空间来实现吗?原理使用map记录每个元素出现的次数。3.异或运行中,满足交换律和结合律。输入[4,1,2,1,2]来源力扣(LeetCode)2.任何数和0做异或,等于本身。1.任何数和自己做异或等于0。输入[2,2,1]原理使用异或运算符。......
2022-07-20 20:00:00 1383
原创 echarts的x轴标签重叠 解决
1:Echarts X 轴 标签倾斜摆放2:Echarts X 轴 限制每行字数,换行显示使用axisLabel的formatter函数,一行显示多少字数,超过则换行用正则替换3:Echarts X 轴 垂直竖显文字与第2点同理,只是变成了一个字换行,字符串-》数组=》字符串,如下4:Echarts X 轴 隔行显示与第2点同理,标签奇数换在下一行显示...
2022-07-12 15:14:46 4140
原创 js怎么让对象中的数据排序输出
情景:渲染统计数据,按照日期排序,数据类型如下:const data = { "01":6, "02":3, "03":9, ...}假如使用for in 遍历数据,输出的数据不一定按照01,02这样排序解决方式:先用 Object.keys(data).sort()将key排序导出,再遍历数据如下://先key排序 let arr = Object.keys(data).sort();//再遍历keyarr.foreach(item=>{//排序输出数据 conso
2022-05-17 23:11:09 509
原创 uview 中的<u-select>组件的mutil-column-auto 模式下children为空报错
描述:组件,mutil-column-auto模式下,如果children为空会报,children is undefined的错误解决方法,给数组中添加一个children数组,并且给一个空值的对象,value和label 可以是指定的字段, 如下:item.children = [ { "value": null, "label": ""}]假如要可以选到有子级的父级分类,可以给数组中的每一个item的头部,添加一个空值,在确定事件中做一个判断,如下:confirmEvent(e){
2022-04-23 18:47:30 1172
原创 vscode配置i18n-ally插件和vscode使用小技巧
{//自动生成“i18n-ally.localesPaths”: [“src/assets/lang”],// 如下须要本身配置“i18n-ally.keystyle”: “nested”,“i18n-ally.namespace”: true,//翻译文件可允许的格式,默认json“i18n-ally.enabledParsers”: [“json”,“js”],“i18n-ally.sortKeys”: true,//源文件“i18n-ally.sourceLanguage
2022-02-17 09:48:25 3730
原创 uni-app中使用uCharts图表设置横向滚动无法滑动。
1.问题设置了enableScroll:true无效,配置如下:chartOpts:{ legend:{ show:false }, padding: [10,0,0,0], dataLabel:false, dataPointShapeType:'hollow', yAxis: {data:[{fontColor:'#cccccc'}]}, update:true, enableScroll: true,//开启图表拖拽功能 scrollAlign:'left
2022-02-15 13:44:21 6129 19
selectDemo.zip
2021-05-27
18.Vue技术栈开发实战-Tree组件实现文件目录-基础实现(41分33秒).txt
2020-09-25
第3讲 函数1.doc
2020-01-10
3.2 Python常见数据结构详解.docx
2020-01-10
多种类型大公司招聘试题集合
2018-03-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人