- 博客(18)
- 收藏
- 关注
原创 Three.js学习笔记
可以本地化部署,速度更快。方式:链接:https://pan.quark.cn/s/054191a00b4a 提取码:WpVj然后在启动,运行。
2025-09-27 00:47:55
186
原创 前端图片优化展示
本文介绍了三种前端图片优化方案:1)预加载通过JS动态创建Image对象精准控制加载时机;2)懒加载提供三种实现方式(原生属性、IntersectionObserver API、传统滚动监听),重点推荐现代浏览器支持的Observer方案;3)详细解析了Compressor.js图片压缩方案,包括基础使用、进阶配置和完整示例,强调其平均65-85%的压缩率同时保持90%视觉质量。文末还提供了原生Canvas压缩的零依赖方案及兼容性处理建议,形成了一套完整的前端图片性能优化方案。
2025-09-25 01:20:08
431
原创 URL.createObjectURL() 和 URL.revokeObjectURL() 文件预览
URL.createObjectURL()(推荐)将BlobFile、MediaSource 等对象转换为临时可访问的 URL,该 URL 仅在当前文档生命周期内有效。手动释放通过创建的 URL,避免内存泄漏(生成临时链接触发下载,适用于导出数据。
2025-09-25 01:15:23
305
原创 Compressor.js + Vue
插件的一些常见属性,用于控制图像的压缩质量、尺寸和方向。你可以根据实际需求设置这些属性以获得想要的压缩效果。更多详细信息和属性,请参阅插件的。库进行压缩,并将压缩后的文件再次上传到服务器。对象来处理异步操作,以实现图片上传时压缩大小的功能。组件实现图片上传功能,在上传成功后调用。总结起来,这段代码的实现思路是:通过。方法,将上传的图片文件通过。
2025-09-25 01:00:08
1126
原创 Using default tag: latestCannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the
Docker安装问题解决摘要 安装Docker后出现连接错误"Can't connect to Docker daemon",主要原因是Docker服务未运行。解决步骤: 配置国内镜像加速源(推荐阿里云) 创建/etc/docker/daemon.json配置文件 添加多个国内镜像源地址 重启Docker服务 成功拉取nginx镜像 介绍了镜像保存(docker save)和加载(docker load)操作 关键命令: sudo systemctl restart docker doc
2025-09-18 23:53:45
270
原创 Using default tag: latestCannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the
Docker服务未运行时,可通过命令启动:systemctl start docker。停止服务用systemctl stop docker,重启用systemctl restart docker。验证是否启动成功:ps -ef | grep docker查看进程。
2025-09-18 22:59:33
187
原创 Webpack持久化存储
摘要: Webpack构建优化中,cache-loader(适用于Webpack4及更早版本)通过缓存其他loader的结果减少重复计算,需显式配置。Webpack5引入的cache.type为核心缓存功能,支持内存('memory')和文件系统('filesystem')模式,后者可显著提升二次构建速度(如从18秒降至500毫秒)。对比两者,cache.type配置更简洁且全局生效,性能更优,而cache-loader适用于旧版本或特定loader场景。生产环境建议结合文件哈希命名和Babel缓存(cac
2025-09-13 09:45:19
253
原创 电脑多版本Java配置指南(傻子版)
需求 临时起意想配置多版本java,前端有个nvm 后端我查了下有jabba,但是搞了半天搞不好, 找了好久, 搞了个傻子版本的多版本java配置, 顶多就是需要手动切换java版本。(这个地方是因为java8下载的时候有一个jdk和一个jre,我都放在了java8下面)(1)首先先分别给JAVA8和JAVA11创建相应的JAVA_HOME。i、比如我自己现在要用的是java8我就改成这样。ii、如果想改成java11,就是这样。这一串放在path中的最前面!有返回java版本即为配置成功!
2025-08-27 19:45:33
427
原创 idea快捷键
本文总结了IntelliJ IDEA的常用快捷键,涵盖代码编辑、导航、重构、调试等多个方面。包括Ctrl+N快速打开类、Ctrl+Shift+Enter完成语句、Alt+Insert生成代码、F8调试步过等实用快捷键。还介绍了查找替换(Ctrl+F/R)、版本控制(Ctrl+K提交)、代码格式化(Ctrl+Alt+L)等操作。这些快捷键大幅提升开发效率,适合从Eclipse转用IDEA的开发者参考学习。文章强调这些快捷键是通过实践和官方文档整理而来,要求转载时注明出处。
2025-07-17 15:56:43
556
原创 echarts-for-weixin:全面解析
echarts-for-weixin是基于微信小程序的echarts图表库,拥有echarts的强大功能和小程序的优势,支持各种类型的图表和数据绑定。同时,echarts-for-weixin还继承了echarts的高度定制化能力,支持图表类型、组件、主题等内容自定义,能够满足复杂的图表需求。如果你在小程序中有制作图表的需求,echarts-for-weixin会是一个不错的选择。
2023-09-14 09:28:36
2224
原创 微信小程序使用vant但是样式不生效,解决方法
官方文档有说明,将 app.json 中的 “style”: “v2” 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。
2023-09-12 10:07:19
1282
原创 JavaScript中如何删除数组中指定元素
原文地址:https://blog.youkuaiyun.com/qq_39653624/article/details/128979118。js中删除数组中指定元素大致有以下三中方法。1、使用for循环遍历,根据条件判断。
2023-09-01 16:57:09
1471
原创 VueTreeselect
Vue.jstreeselecte是一个具有嵌套选项的多选择组件,支持Vue.js。Single & multiple select with nested options support(支持嵌套选项的单个和多个选项)Fuzzy matching(模糊匹配)Async searching(异步搜索)Delayed loading (load data of deep level options only when needed)(支持嵌套选项的单个和多个选择)
2023-03-29 10:35:03
22572
原创 mui顶部nav导航栏代码
元素使用时需遵循一个规则:放在.mui-content元素之前,即使是底部工具条和底部选项卡,也要放在.mui-content之前,否则固定栏会遮住部分主内容;常见组件包括:顶部导航栏(.mui-bar-nav)、底部工具条(.mui-bar-footer)、底部选项卡(.mui-bar-tab)所谓的固定栏,也就是带有.mui-bar属性的节点,都是基于fixed定位的元素;顶部导航栏(.mui-bar-nav)建议:先看一下MUI注意事项。
2023-03-16 09:29:33
742
原创 vue 项目中使用键盘回车按键触发事件
我最近项目要求按下enter键就登录或者注册之类的触发,我不知道为什么用vue的 @click.enter这样的不管用,到现在都没整明白为啥,希望知道的给讲解一下.然后在methods里面加上一个方法,监听这个方法,e.keyCode 是每个按键的编码,13是回车键。但是,监听不去掉不太好,有点冗余,所以可以在。vue声明周期销毁前和销毁时移除这个监听。我看了半天人家是给页面加了一个监听。
2023-02-13 14:53:23
3497
1
原创 使用vue-seamless-scroll实现el-table轮播
要实现el-table轮播效果,并且顶部th固定,鼠标移入暂停滑动我看了好多方法,有人自己写的js,但是感觉太麻烦了,我找了半天找到了一个神器在线演示文档。
2023-02-13 14:42:51
1615
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅