- 博客(18)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 css 媒体查询
CSS 媒体查询（Media Queries）是一种技术，允许网页开发者根据不同的设备特征（例如屏幕尺寸、分辨率等）应用不同的样式规则。这对于创建响应式网页设计至关重要，可以确保网站在各种设备上都能良好显示。
2025-03-26 18:00:18
297
原创 elementplus点击按钮触发image预览
在 Vue.js 中使用 Element Plus 组件库时，如果你想在点击按钮后触发图片预览功能，你可以使用 Element Plus 的 ElImageViewer 组件来实现。例如，你可以通过 z-index 来控制其堆叠顺序，或者通过 CSS 来自定义其外观。通过以上步骤，你可以在 Vue.js 项目中使用 Element Plus 的 ElImageViewer 组件来实现点击按钮触发图片预览的功能。运行你的 Vue 应用，并点击“预览图片”按钮，你应该能看到图片预览器弹出来显示图片。
2025-02-05 17:04:00
598
原创 基于Vue和Vant的uploader组件实现拖拽上传
使用:after-read和@oversize事件处理文件读取成功和文件大小超过限制的情况。*请确保在你的项目中正确引入Vant库，并根据需要调整代码中的样式和功能。当fileList.length < 3时，显示拖拽上传的提示内容。添加:hover伪类样式，当鼠标悬停在拖拽上传区域时，改变边框颜色。通过v-model绑定fileList数组，用于存储已上传的文件。定义onOversize函数，用于处理文件大小超过限制时的逻辑。设置拖拽上传区域的样式，包括边框、背景色、文本对齐方式等。
2024-11-28 13:58:14
250
原创 在vue中使用clipboard时，部分内容粘贴不全
每次更新一部分内容后，都会检查是否还有剩余内容需要更新，如果有，就通过$nextTick注册下一个事件循环中的更新操作。比如，你可以将复制的内容分成小块，然后在Vue的nextTick方法的回调函数中逐步添加这些内容，从而避免一次性更新导致的问题。Vue通常在DOM更新时是异步的，如果在复制粘贴的操作中，内容非常多，可能会因为更新DOM的操作没有在下一个事件循环中完成而出现内容不全的情况。检查是否有其他JavaScript代码（尤其是长时间运行的代码）在Vue的更新周期中干扰，导致更新被延迟或阻塞。
2024-11-18 11:45:37
526
原创 前端下载后端接口返回的文件流
document.body.appendChild 和 document.body.removeChild：将 a 元素临时添加到 DOM 中，然后移除，以确保点击事件能够触发。– window.URL.createObjectURL：创建一个指向 Blob 的 URL，这个 URL 可以被 a 元素使用。– a 元素：创建一个隐藏的 a 元素，设置其 href 属性为创建的 URL，并触发点击事件以开始下载。前端处理 Blob 数据：在创建 Blob 对象时，确保传递了正确的 MIME 类型。
2024-11-12 16:57:10
319
原创 vue3 vite axios里的url加上域名后本地proxy配置无效
在 Vue 项目中使用 Vite 作为构建工具时，如果在 axios 的请求 URL 中直接指定了完整的域名（例如 http://example.com/api），那么 Vite 的代理配置 (proxy) 将不会生效。这是因为 Vite 的代理配置仅对开发环境中的相对路径有效，当 URL 包含完整域名时，请求将直接发送到指定的服务器，而不会被代理。如果可能的话，将请求 URL 修改为相对路径（例如 /api），然后通过 Vite 的代理配置来重定向这些请求到目标服务器。选择最适合你项目需求的方法来实施。
2024-10-11 11:08:15
778
原创 vue3 在App.vue里调用RouterView里页面组件的方法
在Vue 3中，如果你想从App.vue里调用嵌套在RouterView里的组件的方法，你可以使用provide和inject来实现跨组件通信，或者使用setup函数内的ref和onMounted生命周期钩子来访问子组件的方法。在onMounted生命周期钩子中，我们通过childComponentRef.value访问子组件的方法。在上面的代码中，我们。
2024-09-26 15:12:03
675
原创 IOS里textarea的max-height: fix-content不生效
如果需要更复杂的交互和样式控制，可以考虑封装一个自定义的文本编辑组件。
2024-08-23 10:04:53
338
原创 iOS 手机中在 textarea 或 input 中输入文字时页面放大
在 iOS 手机中，当用户在 textarea 或 input 中输入文字时，Safari 浏览器默认会自动放大页面以提高可读性和可用性。另一种方法是将输入框的 font-size 属性值设置为 16px，这样聚焦输入框时就不会自动放大页面了。如果上述两种方法不能满足需求，还可以通过监听键盘的显示和隐藏事件来动态调整页面样式，以适应键盘的弹出。动态调整页面样式的方法需要更多的 JavaScript 逻辑来处理，可能会增加代码的复杂度。选择适合你的应用场景的方法来解决这个问题。// 监听键盘显示和隐藏。
2024-08-22 12:44:34
2282
原创 vue ts 项目中无法找到模块“qs”（等依赖包）的声明文件
如果 @types/qs 不存在或版本不匹配，可以在项目的适当位置添加自定义的 .d.ts 文件声明 qs 模块。修复代码首先，确保安装了 @types/qs 类型定义包：接着，更新 index.ts（项目根目录） 文件：// 根据实际需要添加其他导出成员如果 @types/qs 包不可用或不适合您的项目，您可以创建一个自定义的声明文件，例如在项目的。
2024-08-11 09:57:58
867
原创 css圆角不生效
在父容器css中设置了圆角却不生效，在排除了语法和兼容性原因后，最可能原因是内部元素填充了背景，而父容器没有填充背景。1、给父容器设置overflow: hidden;2、把内部元素背景，移置到父容器的背景填充上。
2023-09-14 09:29:52
864
1
原创 JS处理时间兼容IOS
原因：IOS中的时间格式会用 - 或 . 分隔，而new Date()并不识别这种格式(已可识别-)。当用new Date()初始化时间时，IOS非正常显示，debugger时会显示NAN。解决：把连接符替换为可识别的/
2023-07-13 12:52:08
761
1
原创 web端判断浏览器环境
/ 校验用户代理isTablet =/(?/(?isTablet,isPc =!isPhone &&!isSymbian;if (!if (ua.match() {} else {// 校验硬件平台if (!
2023-06-06 10:34:11
204
原创 微信小程序chooseImage无法唤起选择弹框
用uniapp打包发布的H5，在浏览器、开发者工具、IOS和部分安卓里都正常，但在微信小程序原生的web-view里，鸿蒙系统下无法唤起选择弹框（之前是可以的，最近鸿蒙更新了一下2.0.0.230就不行了）。无论是使用uni.chooseImage、还是uni-file-picker，都没反应。原因：无论是chooseImage还是原生的input:file，只要设置了多选就无法唤起选择弹框，这是部分浏览器限制的，目前只支持一次选一张。除了设置数量为1外，还没有找到其他解决方法。
2023-05-12 15:24:55
2931
2
原创 微搭自定义组件开发流程填坑
经对比，示例中的依赖项package.json和自己组件库里差别很大，其他配置文件也有大的出入，当把组件库改用示例的配置后，重新安装再运行，已基本正常。系统变量：Path里npm项改为D:\Program Files\npm，若无则新增；其中小程序组件在调试预览（web端预览）时，调用的web文件夹中文件，当代码中标签不识别或未引用相应插件时，在调试预览将非正常显示。过程中遇到问题，以为是网传node版本问题，原本安装的v12，后来升到当时最新稳定版v18，问题都还在，又降到v16，可问题还是存在。
2023-05-11 16:04:17
354
1
原创 vue项目webpack里proxyTable配置失效问题
配置了proxyTable后仍然没有作用，可能原因是baseURL的问题。解决：把baseURL设置注释掉重启服务。
2023-04-06 17:09:06
358
原创 在C#中为什么SystemTime会出错
我用日期类控件编的一个小程序中用到日期类控件，但当用到SystemTime时就出错——“找不到类型或命名空间名称“SystemTime”(是否缺少 using 指令或程序集引用?)”。可是我明明用using引用了System.Runtime.InteropServices啊，请教各位老大！
2007-10-19 08:45:00
1348
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人