- 博客(29)
- 问答 (1)
- 收藏
- 关注
原创 学习记录:js算法(十四):盛最多水的容器、两数之和 II - 输入有序数组
盛最多水的容器这题,我本来想用栈解决的,但是在写代码的时候,发现及时我用了算法十二的栈写法,出来的答案也不对,最后还是选择了双重循环,回头我看一下到底是什么原因导致的双指针还是比较好理解的。
2024-08-25 15:44:48 418
原创 学习记录:js算法(十三):移动零、验证回文串
双指针:使用两个指针,分别从数据结构的两端或某个特定位置开始移动。根据某种条件,移动一个或两个指针,直到满足特定条件或遍历完整个数据结构。没了,这两题感觉用不用双指针都一样,不像之前学习中,Map()对象使用栈给我的印象还是深刻的,可能也是刚做双指针的题目吧,看看后续。
2024-08-24 21:48:50 496
原创 学习记录:js算法(十一):车队
第一反应还是想着通过循环来解决问题了,没往栈上面想,但是回头看了看这两种思路,其实都是差不多的,核心还是先计算所有车辆到达时间,然后通过排序确保可以正确地比较到达时间。最后就是循环了。万变不离循环~
2024-08-22 10:43:34 878
原创 学习记录:js算法(四): 前 K 个高频元素
返回一个返回包含对象键名和键值的数组(二维数组):比如返回一个包含 Map 中所有键值对的迭代器(Iterator 对象,可以转成数组):比如Map()还是需要熟练掌握,确实好用。
2024-08-15 21:53:36 242
原创 记录问题:解决echarts设置宽度100%,结果变成了100px(通过display控制echarts显隐也存在这个问题)
一个项目中,通过按钮控制echarts的显隐,设置echarts的宽高为100%,刚开始没问题,但是通过按钮控制显隐的时候,发现echarts并未显示,但是通过chrome调试,可以发现echarts已经初始化完成,但是显示的canvas的大小为100*0,如下图显示。因此,可以判断,出现这样问题的原因是:使用百分比显示,再通过按钮控制显隐的话,是echarts没有自适应宽高引起的,所以需要再打开echarts的方法中添加echarts的resize()方法,让它重新计算。
2024-03-05 11:44:31 1202 1
原创 在vue 3 + vite中,动态导入本地图片,解决require不生效问题
在vue2项目中,我会使用require来实现动态图片的加载,但是,当我把这个代码写入vue3+vite的项目中,结果报错:require is not defined。
2024-02-26 12:49:25 764 1
原创 使用 nrm 控制 npm 的源
nrm(npm registry manager) 是一个 npm 的镜像源管理工具,允许我们快速切换 npm 源。
2024-02-21 10:43:24 408 1
原创 安装与使用nvm来管理node,记录几个nvm存在的问题
开发或者维护不同项目时,需要的 node 环境不一样。那我们总不能运行一个项目,下载一个 node 版本吧,这时候,就需要 nvm 了。nvm (Node Version Manager) 就是为了解决这个问题而产生的,它方便我们在同一台设备上管理和切换不同版本的 node.js。
2024-02-20 11:41:53 334
原创 播放流地址
FLV播放刘:https://flvplayer.js.org/assets/video/weathering-with-you.flv。MP4播放流:http://vjs.zencdn.net/v/oceans.mp4。
2023-05-16 16:59:07 161
原创 富文本无法解析 \n 换行问题记录
因为 \n 是 js 中的换行符,而富文本解析的是html,html的换行符是 br 标签。因此可以把字符串中的所有 \n 替换成 br 就可以了。
2022-08-26 10:39:36 2950 1
原创 使用reduce进行Promise排队执行,按照顺序调接口
但是!有序的结果并不代表这些方法是有序的进行!但是!这样会引起eslint报错,所以不建议!就是利用了Promise的链式then方法,进行排队
2022-06-29 09:30:59 1004
原创 css3实现图片一直旋转
css3实现图片一直旋转@TOCcss3实现图片一直旋转代码html: <div v-else class="no-data"> <image class="loading-image" src="@/static/loading.png" /> <view class="loading-text">数据加载中...</view> </div >css:.no-data{ text-align: center;
2022-05-23 14:48:27 1284
原创 基于element-ui的el-upload封装一个上传图片的组件
由于最近都在做一个设备管理的模块,需要我上传设备图片,于是,就动手做了一个上传图片的组件,也不多说,直接上代码<template> <div class="component-upload-image"> <el-upload :action="uploadImgUrl" list-type="picture-card" :on-success="handleUploadSuccess" :before-upload
2022-03-24 09:04:24 933 1
原创 基于vue2的切片上传,封装element-ui中的el-upload组件
切片上传我们在工作中,经常要实现图片,视频等上传功能,如果上传的文件很小,那么我们可以直接上传;但是,如果文件很大,比如500MB呢,我们还能直接上传吗?那肯定是不行的,加入我们直接上传,就会发现这个上传的接口,响应时间很长,最终无法生效以至于报错。所以,在这里,我们就需要借助切片上传。所谓的切片上传,就是把一个视频剪成几个小视频一个一个上传。比如:一个视频500MB,我们可以按照5MB一个文件流的大小,切成100份,异步上传到服务器,然后,后台再根据MD5一一识别,最后,我们再调用合并接口,让他们
2022-03-20 22:30:04 4195
原创 vue开发中,数据还没获取,页面已经渲染,导致页面没有数据
在使用vue的时候,经常会遇到这种问题:异步请求,或者是通过组件传值获取数据时,部分页面会在数据获取之前就渲染,导致数据加载不出来。如何解决?使用 v-if根据需求,可以在vue生命周期beforeCreate,created的时候就调用接口获取数据,在成功拿到数据之后的回调函数里面,控制页面显示,可以最大程度上避免页面跳动的问题。由于渲染和请求是异步的,我们可以等到数据请求回来之后,再把页面放出来。上代码<h4 v-if="isShow">{{ data }}</h4>
2021-12-28 09:58:36 21651 1
原创 vue项目中实现倒计时预约功能
最近,公司提出一个新的需求,需求如下:1.实现可预约功能,比如:会议室在8:00开放,但是6:00的时候就可以预约2.要求我做一个按钮,在按钮内显示倒计时等内容3.预约时间需要分成三段: (1) 超出2小时,显示可预约的时间段(显示预约时间) (2)2小时以内的,以倒计时的方式显示(倒计时的方式) (3)预约时间已过的,显示点击预约(...
2021-12-20 17:18:33 1619
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人