- 博客(15)
- 收藏
- 关注
原创 props监听遇到的问题
补充:具体实现过程中,我使用了deep进行深度监听,getPlanClassData()这个方法,对监听的数据产生了影响(数据没发生变化,但是deep造成了watch循环执行,不停的执行这个方法 导致死循环),删掉deep监听就解决了。总结:vue的props情况很多,不能一概而论,以及生命周期的具体执行时机,都需要再深度了解,否则写代码总是云里雾里不清楚为何实现的效果。考虑到异步,就在watch中执行的方法,通过打印发现,监听不到数据的变化(踩坑)情况1:父组件同步传递数据,子组件使用props接收。
2024-06-29 12:20:39
173
原创 解决定时刷新页面echarts只更新数据,不重新绘制的问题
使用getInstanceByDom方法,去判断图表的dom是否有实例,如果有的话,就代表已经绘制过了,不需要重新init了,直接重新更新setOption就好了,如果没有实例,那证明是第一次绘制,需要init,这样在更新页面的过程中,就不会有重新绘制的效果了。解决了每次更新页面重新绘制的问题,突然发现,怎么切换页面再切换回来,图表又没了啊,又出现了上次的问题(有点崩溃...)继上篇博客,实现了每次页面切换回来,图表消失的问题,解决办法是,页面重新加载时,清除盒子的。很好,和第一个问题冲突了...
2024-02-24 14:00:54
910
原创 解决echarts图表页面切换不显示,刷新后显示的问题
最近在做大屏开发时,图表只有第一次正常显示,每次修改代码,或者切换页面再切回来,图表都不显示,需要重新刷新才可以显示。通过查阅资料,好像使用动态的id也可以实现,在每次重新渲染时id都不同(例如id拼接时间戳)在图表初始化之前,清除掉_echarts_instance_属性。,这种方式我并没有动手尝试,应该也可以解决这个问题。这样,切换页面的时候,也可以正常渲染了~
2024-01-24 17:17:35
1457
1
原创 力扣算法打卡(5)——有效的括号
这样我们可以用一个数组来接收左括号,遇到左括号就存入数组,遇到右括号,那么对应的,数组中最后一个,必然是对应的左括号,否则一定会匹配错误,将数组中的左括号删除。当循环结束所有的括号,数组中一定是空的,因为所有的左括号都应该被对应的右括号匹配并清除掉。如果数组非空,证明依然有左括号没有成功匹配,错误返回false。,判断字符串是否有效。
2024-01-13 11:30:13
419
原创 力扣算法打卡(4)——最长公共前缀
如果相等,就将该字符加到结果字符串中,如果不相等,表明最长公共前缀已经查找结束,直接返回结果。初始定义最长公共前缀为数组中第一个字符串,对初始的数组进行遍历,调用getStr方法。遍历结束后,getStr方法最后一次比较的,就是所有字符串的最长公共前缀,返回结果。受上一种方式的启发,何不封装一个函数,专门去对比两个字符串的公共前缀并返回呢?封装了getStr方法,接受两个参数,遍历对比字符,返回出公共前缀。直到公共前缀变为空字符串,表示没有公共前缀,直接返回结果。如果不存在公共前缀,返回空字符串。
2024-01-12 16:55:25
362
1
原创 力扣算法打卡(2)——回文数
2.要想使用三等进行判断,要先进行类型转换,将左边转换为number类型,或将右边转换为string类型,确保两边类型相同。1.这里使用双等,左右两边对比的是string和number类型,只判断结果不判断类型,不能使用三等符号(===);回文数要求反转之后,两数依然相等,想到了数组的反转方法:reverse()使用双等 和原来的值进行对比,boolean类型的结果作为返回值返回。先将数据x转为字符串,这一步也可使用toString()进行转换。再使用split()方法,按照每个字符进行分割,反转。
2024-01-11 15:34:26
335
1
原创 力扣算法打卡(1)——两数之和
for循环容易想到,但时间复杂度较高indexOf为数组的方法,可返回某个指定的字符串值在字符串中首次出现的位置,没有返回-1。
2024-01-10 16:06:57
395
1
原创 JS对象中点(.)语法和中括号([ ])语法的区别
3.当对象中的属性是可以转化为数字的字符串时,中括号语法可以使用,点语法报错。4.当对象中的属性包含有错误语法,例如空格,中括号语法可以使用,点语法报错。中括号语法:动态的,可以接受变量、数字型等,且可以兼容错误语法等,范围更广。1.当对象中的属性是基本的字符串类型时,点语法和中括号语法均可以使用。点语法:静态的,不接受变量,以及数字型的属性进行取值,有一定局限性。2.当对象中的属性是数字类型时,中括号语法可以使用,点语法报错。5.当对象中的属性为变量时,中括号语法可以取值,点语法取不到值。
2023-07-07 21:36:43
655
3
原创 箭头函数带不带花括号的区别
被省略了,这意味着箭头函数只有一条语句。这种情况下,箭头函数会自动将这条语句的结果作为返回值。因此,使用了简化的箭头函数语法,直接提取。本意是,遍历数组中的数据,将已经选中的数据存入到ids变量中。但是尝试了多次,ids中都没有被存入数据,一直是空的。一直以为只有一句代码的时候,箭头函数是可以省略函数体外层的花括号,并不知道他们还有什么区别。发现两者唯一的区别就是,箭头函数的函数体有没有加花括号。由于花括号存在,在箭头函数中需要使用。第一行代码中的箭头函数使用了花括号。修改后的第二行代码中,花括号。
2023-07-02 20:27:24
244
3
原创 splice、slice、split,傻傻分不清楚~
刚开始学JS时,学到splice、slice、split总觉得他们很相似,怎么都分不清楚,没关系,放一起总结对比一下,常加记忆就好啦~
2023-06-25 22:20:16
108
1
原创 数组方法汇总
当回调函数的返回值为false时,需要继续向后执行,到最后才能确定结果,所以会遍历所有数据,实现类似于forEach的功能,遍历所有。所有参数可选,要合并的数据;省略时创建原数组的副本。功能2:当每个回调函数的返回值都为true时,every的返回值为true,只要有一个回调函数的返回值为false,every的返回值都为false。参数为回调函数,遍历数组中所有的项,回调函数接收三个参数,分别是value,index,self。该回调函数默认有三个参数,分别为:遍历到的数组的数据,对应的索引,数组自身。
2023-06-25 09:24:49
56
2
原创 媒体查询基础
and、not、only:逻辑关键字,配合紧跟媒体发挥作用,如:not screen表示不检测屏幕宽度,only screen表示只检测屏幕宽度而不关心其他媒体设备属性。注:媒体查询优先级与普通css优先级一致,所以在使用媒体查询样式时,一定要放在默认样式之后,防止媒体查询样式被覆盖。含义:只检测屏幕宽度,而且当屏幕宽度大于或等于640px,小于或等于980px,媒体查询生效,执行css代码。rules:css代码,设置的媒体查询语句生效时,会执行css语句代码如果媒体查询不符合要求,则不执行。
2023-03-24 10:45:43
730
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人