JS
文章平均质量分 55
叶落如梦星
永远都有写不完的代码。。。
展开
-
海报分享中使用HTML2Canvas的优化
然后我去做了优化,把五张海报上下合并在一起,然后一次性转换一个很长的海报,然后很长的海报拿到后,进行切割,因为每张海报都是等长的,所以只用根据高度来切割就行,然后大概需要2.7秒。后续去看了很多文章+HTML2Canvas的官网,想到:其实最耗费时间的事情,是转换,我们转换的次数太多了。为何不合并在一起呢,这样的话,只需要一次转换,后续切割就可以了。对于这块,我的收获是:做性能优化的时候,最关键的是找到哪里才是最耗费性能的,例如我最初以为是串行占了并行时间,其实最后发现是转换占了时间。原创 2023-09-25 15:32:25 · 161 阅读 · 0 评论 -
ios系统对于table的特殊样式错误
最后的处理办法是规避此问题设置一个空的div,给他加上背景图,将它放在第一行,然后通过判断当前的active距离顶部距离,来动态定位到当前active需要使用z-index来设置上下层。原创 2023-09-18 16:53:11 · 190 阅读 · 0 评论 -
倒计时组件
基于vue2封装的倒计时组件,应用性高,上手即用,不用看代码。具体代码也不难,大家看不看都可以,代码可以复制即用。这个组件接收四个props参数。原创 2023-09-18 16:34:02 · 99 阅读 · 0 评论 -
对象内url链接太多时的优化
value是一堆url链接,每次找对应的城市id会很麻烦,而且找到后也不能很明显的看出来,我们找到的城市的id对不对,只能看一下保司logo数量对不对。不同城市参与的保司一直在更新,这就需要去手动维护,但是这一点是给我们前端去维护的,我们把保司上传到一个平台上,我们接口是去请求的这个平台的数据。业务那边会给我们一个xlsx文件,里面就是需要修改的每个城市以及对应的保司,我们需要去读取出数据,这里我写了另外一篇文章,感兴趣的同学可以去看看。这样的好处是,能清晰的看出,某个城市id,包含的到底是哪些保险公司。原创 2023-09-18 15:25:44 · 106 阅读 · 0 评论 -
环形渐变进度条组件
自己封装的组件,原创 2023-07-12 17:35:57 · 330 阅读 · 1 评论 -
详解Vue生命周期
首先,Vue有哪些生命周期,这个是至少得掌握的。原创 2023-03-13 14:32:30 · 158 阅读 · 0 评论 -
Vue实现大文件分片上传,包括断点续传以及上传进度条
分片上传就是把一个大的文件分成若干块,一块一块的传输。这样做的好处可以减少重新上传的开销。比如:如果我们上传的文件是一个很大的文件,那么上传的时间应该会比较久,再加上网络不稳定各种因素的影响,很容易导致传输中断,用户除了重新上传文件外没有其他的办法,但是我们可以使用分片上传来解决这个问题。通过分片上传技术,如果网络传输中断,我们重新选择文件只需要传剩余的分片。而不需要重传整个文件,大大减少了重传的开销。但是我们要如何选择一个合适的分片呢?原创 2023-02-08 19:41:44 · 16572 阅读 · 16 评论 -
使用MessageChannel实现深拷贝
MessageChannel可以创建一个消息通道。原创 2022-12-27 00:00:56 · 502 阅读 · 2 评论 -
for in与for of的区别
区别二:for in 可以遍历对象,for of 不能遍历对象,只能遍历带有iterator接口的,例如Set,Map,String,Array。区别一:for in 和 for of 都可以循环数组,for in 输出的是数组的index下标,而for of 输出的是数组的每一项的值。for in 可以遍历对象,for of 不能遍历对象,只能遍历带有iterator接口的,例如Set,Map,String,Array。for in更适合遍历对象,当然也可以遍历数组,但是会存在一些问题。原创 2022-09-20 20:55:47 · 1879 阅读 · 0 评论 -
React的生命周期钩子(新旧版本)
组件从创建到死亡它会经历一些特定的阶段。React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。我们在定义组件时,会在特定的生命周期回调函数中,做特定的工作。原创 2022-09-19 03:15:22 · 209 阅读 · 0 评论 -
函数柯里化
函数的柯里化:通过函数调用继续返回函数的方式,实现多次接收参数最后统一处理的函数编码形式。2.若A函数,调用的返回值依然是一个函数,那么A就可以称之为高阶函数。常见的高阶函数有:Promise、setTimeout、arr.map()等等。高阶函数:如果一个函数符合下面2个规范中的任何一个,那该函数就是高阶函数。1.若A函数,接收的参数是一个函数,那么A就可以称之为高阶函数。原创 2022-09-19 03:10:05 · 60 阅读 · 0 评论 -
React学习笔记3
【代码】React学习笔记3。原创 2022-09-18 03:54:34 · 84 阅读 · 0 评论 -
ES6中展开运算符的基本使用
【代码】ES6中展开运算符的基本使用。原创 2022-09-18 03:51:02 · 125 阅读 · 0 评论 -
React学习笔记2
组件中render方法中的this为组件实例对象组件自定义的方法中this为undefined,如何解决?强制绑定this: 通过函数对象的bind()箭头函数状态数据,不能直接修改或更新。原创 2022-09-16 02:12:42 · 63 阅读 · 0 评论 -
JavaScript中reduce方法的详解
1.reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。2.reduce() 可以作为一个高阶函数,用于函数的 compose3.reduce() 对于空数组是不会执行回调函数的。原创 2022-09-13 02:35:34 · 9099 阅读 · 0 评论 -
JavaScript中常用的27种字符串方法的详细汇总
> 语法: 字符串.replace('要被替换的字符', '替换成的字符')=> 语法: 字符串.padStart(目标长度, '填充字符串')=> 语法: 字符串.padEnd(目标长度, '填充字符串')=> 语法: 字符串.startsWith('字符串片段') 。=> 语法: 字符串.includes('字符串片段') 。=> 语法: 字符串.endsWith('字符串片段') 。=> 语法: 字符串.search('字符串片段') 。...原创 2022-08-29 21:58:37 · 293 阅读 · 0 评论 -
JavaScript中数组常用的24种方法详细汇总(超级详细!!)
> 数组基础方法。原创 2022-08-28 17:01:54 · 621 阅读 · 2 评论 -
JavaScript中Map方法的详解
map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理的后值。map()方法按照原始数组元素顺序依次处理元素。原创 2022-08-24 14:56:47 · 4721 阅读 · 0 评论 -
JavaScript中的this指向
> this 是一个使用再作用域内部的关键字=> 全局很少用, 大部分是在函数内部使用。原创 2022-08-24 17:41:10 · 52 阅读 · 0 评论