- 博客(29)
- 收藏
- 关注
RSS订阅原创 海报分享中使用HTML2Canvas的优化
然后我去做了优化，把五张海报上下合并在一起，然后一次性转换一个很长的海报，然后很长的海报拿到后，进行切割，因为每张海报都是等长的，所以只用根据高度来切割就行，然后大概需要2.7秒。后续去看了很多文章+HTML2Canvas的官网，想到：其实最耗费时间的事情，是转换，我们转换的次数太多了。为何不合并在一起呢，这样的话，只需要一次转换，后续切割就可以了。对于这块，我的收获是：做性能优化的时候，最关键的是找到哪里才是最耗费性能的，例如我最初以为是串行占了并行时间，其实最后发现是转换占了时间。
2023-09-25 15:32:25
459
原创 ios系统对于table的特殊样式错误
最后的处理办法是规避此问题设置一个空的div，给他加上背景图，将它放在第一行，然后通过判断当前的active距离顶部距离，来动态定位到当前active需要使用z-index来设置上下层。
2023-09-18 16:53:11
497
原创 倒计时组件
基于vue2封装的倒计时组件，应用性高，上手即用，不用看代码。具体代码也不难，大家看不看都可以，代码可以复制即用。这个组件接收四个props参数。
2023-09-18 16:34:02
268
原创 对象内url链接太多时的优化
value是一堆url链接，每次找对应的城市id会很麻烦，而且找到后也不能很明显的看出来，我们找到的城市的id对不对，只能看一下保司logo数量对不对。不同城市参与的保司一直在更新，这就需要去手动维护，但是这一点是给我们前端去维护的，我们把保司上传到一个平台上，我们接口是去请求的这个平台的数据。业务那边会给我们一个xlsx文件，里面就是需要修改的每个城市以及对应的保司，我们需要去读取出数据，这里我写了另外一篇文章，感兴趣的同学可以去看看。这样的好处是，能清晰的看出，某个城市id，包含的到底是哪些保险公司。
2023-09-18 15:25:44
321
原创 随笔：浅谈虚拟DOM
说到虚拟DOM，我还是去研究了一下虚拟DOM是一个JavaScript对象，通过对象的方式来表示DOM结构。将页面的状态抽象为JS对象的形式。vue他是一个通用的框架，他不知道数据和页面的对应关系，只能全量生成，把整个页面全部生成一遍，如果生成真实dom，触发重绘回流太多，性能太差，所以使用虚拟DOM。
2023-07-27 16:22:19
268
原创 node读取xlsx文件
当A列存在时，判断A列的当前项从开始行到结束行总共几行，然后将对应的B列的项push进A列的那一项中。在A列，也就是城市名称列的结尾，手动加上一个："结束"2. 将excel文件中的数据转换成json格式。3. 将json格式的数据存储到map对象中。1. 读取excel文件。
2023-05-22 19:49:43
773
原创 Vue实现大文件分片上传，包括断点续传以及上传进度条
分片上传就是把一个大的文件分成若干块，一块一块的传输。这样做的好处可以减少重新上传的开销。比如：如果我们上传的文件是一个很大的文件，那么上传的时间应该会比较久，再加上网络不稳定各种因素的影响，很容易导致传输中断，用户除了重新上传文件外没有其他的办法，但是我们可以使用分片上传来解决这个问题。通过分片上传技术，如果网络传输中断，我们重新选择文件只需要传剩余的分片。而不需要重传整个文件，大大减少了重传的开销。但是我们要如何选择一个合适的分片呢？
2023-02-08 19:41:44
23374
18
原创 解决git报错:ssh:connect to host github.com port 22: Connection timed out
如题，git使用中突然报错通过查阅各种资料，得知原因可能是由于电脑的防火墙或者其他网络原因导致方式 端口22被封锁。
2023-02-07 22:16:56
5777
原创 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
2253
原创 React的生命周期钩子（新旧版本）
组件从创建到死亡它会经历一些特定的阶段。React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。我们在定义组件时，会在特定的生命周期回调函数中，做特定的工作。
2022-09-19 03:15:22
326
原创 函数柯里化
函数的柯里化：通过函数调用继续返回函数的方式，实现多次接收参数最后统一处理的函数编码形式。2.若A函数，调用的返回值依然是一个函数，那么A就可以称之为高阶函数。常见的高阶函数有：Promise、setTimeout、arr.map()等等。高阶函数：如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数。1.若A函数，接收的参数是一个函数，那么A就可以称之为高阶函数。
2022-09-19 03:10:05
133
原创 React学习笔记2
组件中render方法中的this为组件实例对象组件自定义的方法中this为undefined，如何解决？强制绑定this: 通过函数对象的bind()箭头函数状态数据，不能直接修改或更新。
2022-09-16 02:12:42
153
原创 hexo报错FATAL Something‘s wrong
在.md文件中，由于我在写笔记时用到了{{}}，并且没有将{{}}放在代码块里，所以在hexo生成templates时会出现问题。这个报错真直接，连问题是啥都不说，百度了好久，终于发现，是自己的博客写的有问题。如题hexo在构建templates时出错。
2022-09-15 03:11:40
490
1
原创 React学习笔记1
2.虚拟DOM比较“轻”，真实DOM比较“重”，因为虚拟DOM是React内部在用，无需真实DOM上那么多的属性。(1).若小写字母开头，则将该标签转为html中同名元素，若html中无该标签对应的同名元素，则报错。(2).若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错。4.内联样式，要用style={{key:value}}的形式去写。1.表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方。一定注意区分：【js语句(代码)】与【js表达式】
2022-09-15 02:26:20
118
原创 微信小程序学习笔记1
是小程序框架设计的一套标签语言，用来构建小程序页面的结构，其作用类似于网页开发中的 HTML。是一套样式语言，用于描述 WXML 的组件样式，类似于网页开发中的 CSS。
2022-09-14 01:25:14
214
原创 JavaScript中reduce方法的详解
1.reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。2.reduce() 可以作为一个高阶函数，用于函数的 compose3.reduce() 对于空数组是不会执行回调函数的。
2022-09-13 02:35:34
10088
原创 JavaScript中常用的27种字符串方法的详细汇总
> 语法: 字符串.replace('要被替换的字符', '替换成的字符')=> 语法: 字符串.padStart(目标长度, '填充字符串')=> 语法: 字符串.padEnd(目标长度, '填充字符串')=> 语法: 字符串.startsWith('字符串片段') 。=> 语法: 字符串.includes('字符串片段') 。=> 语法: 字符串.endsWith('字符串片段') 。=> 语法: 字符串.search('字符串片段') 。...
2022-08-29 21:58:37
603
原创 寻找两个正序数组的中位数(JavaScript详解)
给定两个大小分别为 m 和 n 的正序（从小到大）数组 nums1 和 nums2。请你找出并返回这两个正序数组的 中位数 。算法的时间复杂度应该为 O(log (m+n)) 。
2022-08-28 15:21:14
337
原创 一维数组的动态和(JavaScript详解)
数组「动态和」的计算公式为：runningSum[i] = sum(nums[0]…nums[i])。解释：动态和计算过程为 [1, 1+1, 1+1+1, 1+1+1+1, 1+1+1+1+1]。输入：nums = [3,1,2,10,1] 输出：[3,4,6,16,17]解释：动态和计算过程为 [1, 1+2, 1+2+3, 1+2+3+4]。输入：nums = [1,1,1,1,1]输入：nums = [1,2,3,4]输出：[1,2,3,4,5]输出：[1,3,6,10]
2022-08-24 16:29:46
328
原创 JavaScript中Map方法的详解
map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理的后值。map()方法按照原始数组元素顺序依次处理元素。
2022-08-24 14:56:47
5411
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人