- 博客(24)
- 收藏
- 关注
RSS订阅原创 在Vue中，可以通过监听点击事件并使用事件代理来实现点击弹窗外关闭弹窗的功能。以下是一个简单的示例：
方法中判断点击事件是否发生在弹窗外部，如果是，则关闭弹窗。在组件被销毁前，我们还需要移除事件监听器，以防止内存泄漏。在这个示例中，我们有一个按钮来打开弹窗，弹窗内有一个关闭按钮和文本内容。上的点击事件，我们可以在。
2024-08-19 15:03:47
260
2
原创 vue3动态图片src
const inactiveIcon = new URL(`assets/images/radio.png`, import.meta.url).href;vue2：require（）
2024-05-22 17:22:52
437
原创 for…in 和 for…of 的区别
for of 一般只能遍历自身的可枚举属性（具体和迭代器内部的实现有关）for of 一般得到的是value（具体和迭代器内部的实现有关）for in 能遍历自身的可枚举属性 && 原型上的可枚举属性。，像Array、String、Map、Set、函数的。for in 得到的是key（并且不能保证顺序）例如 对象、数组、字符串。for in 适用于。for of 适用于。、nodeList对象。
2023-12-07 10:25:27
1621
原创 整理一下boss上大家遇到的前端面试题（持续更新）
浅拷贝我的理解是，当定义一个a变量的时候，会在对应的内存中开辟一个储存位置来存储a的值，如果将a的值复制给新变量b，为了节省内存，避免过多的垃圾存在，不会在新开辟一个内存来存放b变量，而是将b变量的指针指向a变量的存储地址，如果a变量发生改变，b变量也会相应的去改变；把项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到项目的所有依赖文件，使用loaders处理它们，最后打包为一个（或多个）浏览器可识别的JavaScript文件。1、webpack配置过吗？
2023-12-06 10:08:24
1032
原创 uniapp实现多端v-for的区别
同一套代码实现金刚区时，因为需要截取并遍历数组渲染v-for在H5正常 在小程序少了第一个如图。小程序是从0开始的，H5是从1开始。
2023-06-14 16:32:07
188
原创 vue项目低版本浏览器XP/IE适配方案
二、创建文件：babel-config.js(放置src目录下)一、下载安装插件：babel-polyfill。
2023-02-24 11:07:00
544
原创 css字体超出显示省略号
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
2022-02-07 14:27:46
324
原创 vue项目无感刷新
一、app.vue页面如下设置：二、需要无感刷新的页面：inject: ["reload"]//注入this.reload();//调用
2021-12-24 16:50:10
857
1
原创 Vue 时间格式化方法（自用）
方法一：自定义文件（一）函数封装（将该函数封装成一个文件，或者加入自己项目的函数库）（二）文件引入（注意：由于是函数，故名字要和函数的名字一致）import { formatDate } from '@/utils/date'（三）添加到过滤器中 filters: { formatDate(time) { let date = new Date(time) return formatDate(date, 'yyyy-MM-dd') } }
2021-12-22 15:23:56
1171
原创 element 表单验证的几种方式
一、规则里：pesonRules: { phone: [ { required: true, message: "手机号不能为空", trigger: "blur" }, { validator: checkPhone, trigger: "blur" } ]}data里声明：data() { var checkPhone = (rule, value, callback) => { if
2021-12-21 14:30:41
640
原创 JavaScript trim() 方法
去除字符串的头尾空格:var str = " Runoob ";alert(str.trim());结果：Runoob定义和用法trim() 方法用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。trim() 方法不会改变原始字符串。trim() 方法不适用于 null, undefined, Number 类型。...
2021-12-21 11:01:21
557
原创 如何知道vue项目的启动命令
在vue项目中找到打开package.json文件，找到里面的scripts属性，看他里面如果是start，那就是npm run start.。如果是dev，那就是npm run dev。
2021-12-21 10:55:23
5382
原创 vue input输入框自动将number类型转换为String解决方案
使用Vue+elementUI遇到一个问题，input将数字类型转换为了字符串类型，导致form表单提交后端报错，解决方案是Vue的修饰符文档地址：Form Input Bindings — Vue.js如果您希望用户输入自动类型转换为数字，您可以将number修饰符添加到您的v-model托管输入：<input v-model.number="age" type="number">这样就解决了问题除了这个修饰符，还有两个.lazy和.trim，具体使用和方法可以看下.
2021-10-27 11:02:30
9300
原创 VUE使用Blob下载
vue项目使用axiox封装http请求，需求是实现下载功能为了安全要携带用户Token以及需要走封装的拦截器，所以只能使用封装的http请求来下载查了一下需要用Blob流来下载以下是我的实现方案（如有不足，欢迎大佬指正！）：下载按钮执行：/** 导出按钮操作 */ async answerFileDownloadFun(item) { try { let res = await answerFileDownload(item.questionNai
2021-10-27 10:41:44
691
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人