- 博客(17)
- 收藏
- 关注
原创 Git SSH 密钥配置完整指南
登录 Git 平台(GitHub/GitLab/Bitbucket等),进入账户设置 → SSH Keys 页面,粘贴公钥并保存。# Windows (Git Bash, PowerShell 或 CMD)打开终端或命令行工具,输入以下命令生成新的 SSH 密钥对。生成过程中会提示选择保存路径,默认按回车键存储在。可设置密码加强安全性(非必填)。首次连接会提示确认主机密钥,输入。:检查防火墙或代理设置,尝试使用。成功时会显示账户用户名。若需管理多个 Git 账户,在。(Ed25519,推荐)
2026-01-14 11:56:48
742
原创 vscode/trae设置护眼主题及好看的图标
第一步:选择心仪的主题,这里我选用的是Atom One Light主题在扩展市场中搜索并安装"Atom One Light Theme"主题第二步:定位settings.json文件① 按下 Ctrl+Shift+P 打开命令面板,输入 "settings",然后选择"首选项:打开工作区设置(JSON)"选项。② 将提供的JSON代码粘贴至其中③ 保存后直接覆盖原有配置即可。来看看最终效果吧,界面设计是不是特别舒适养眼?视觉效果非常柔和自然。
2026-01-14 11:44:39
1607
原创 避免addEventListener重复执行
解决方法:要用具名函数,()=>listen 的匿名函数写法不能清除掉定时器。监听器多次/重复执行是因为监听器没有清除,每次都创建了新的监听器。
2024-01-11 11:49:33
2616
原创 浅谈websocket
心跳检测:websocket连接成功之后,给服务器send一个消息,服务器会相应返回消息;收到消息之后又给给服务器send一个消息,如此往复,一直保持心跳。(注意:实际在开发中,我并没有在收到消息时又send消息,只是在websocket关闭之后,重连)重连:websocket关闭之后,需要重新连接。
2023-06-27 17:08:23
968
1
原创 PC端轮播图支持手动滑动
PC端轮播图支持手动滑动/鼠标拖动,且可以左右切换。:最开始用的是elementUI的Carousel组件,不支持手动滑动/鼠标拖动,然后改成了Vant的Swipe组件,加上左右箭头,调用Swipe 方法prev()、next():由于vant是移动端的组件库,对pc端会有兼容性问题,例如Swipe,移动端是@touch,该组件做了相应的监听,而PC端是@mouse,没有做对应的监听,因此在pc端无法用鼠标拖动图片。终端输入npm i @vant/touch-emulator --save然后在。
2023-06-26 10:04:03
820
1
原创 vue打包添加时间戳,实现更新项目自动清除缓存(webpack/vue-cli打包两种方式)
本来vue打包会自动用chunkhash来解决缓存问题,但是部分浏览器不会自动更新,因此通过增加时间戳不同来实现自动重新加载文件,保持最新的界面。修改build/webpack.prod.conf.js文件。修改vue.config.js文件。
2023-06-01 16:18:21
1929
1
原创 vue/axios excel导出功能
静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。file对象只获取到了对文件的描述信息,但没有获得文件中的数据。我们可以通过html5提供的FileReader读取到文件中的数据。浏览器在 document 卸载的时候,会自动释放它们,但是为了获得最佳性能和内存使用状况,你应该在安全的时机主动释放掉它们。读取文件内容,结果用data:url的字符串形式表示。按字节读取文件内容,结果为文件的二进制串。
2023-06-01 16:06:51
262
1
原创 Vue 监听localStorage
3、PageA页面,改变并监听localstorage,可搭配Vuex使用,以免初始化时值固定为默认值,而不是localstorage.setItem之后的值。4、PageB页面,根据监听到到的localstorage改变相应的值。1、在utils目录下建tool.js文件,文件代码如下。2、在main.js加如下代码。为了网页性能,记得移除监听哦!
2023-05-26 11:51:04
1266
1
转载 引用阿里图标库(iconFont)的三种方式
引用阿里图标库(iconFont)的三种方式二、font-class 引用(font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题) 特点: (1)相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon ...
2022-07-14 11:40:51
3171
原创 vue兼容ie浏览器
在ie浏览器中打开vue项目时,报错解决方案如下:安装babel-polyfill(npm install babel-polyfill --save-dev) 在main.js顶部引入(import'babel-polyfill') babel.config.js module.exports = { presets: [ [ '@vue/app', { useBuiltIns: 'entry' } ] ...
2022-05-25 09:38:32
470
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅