- 博客(24)
- 收藏
- 关注
原创 前端获取文件后缀名
方法移除数组的最后一个元素(即文件扩展名)并返回它。如果没有找到点号或者文件名以点号开始,则返回空字符串表示没有扩展名。注意,这种方法假设文件名中只包含一个点号用于分隔文件名和扩展名。如果文件名中包含多个点号,这个方法可能不会得到预期的结果。如果这个数组的长度大于1,说明存在文件扩展名,那么使用。,它接受一个文件名字符串作为参数。这段代码定义了一个函数。方法将文件名按照点号(
2024-04-23 09:58:02 261
原创 vue中使用input上传做了文件个数限制,触发了限制之后再次上传刚刚的图片触发不了事件
上传文件,并设置了文件个数的限制,那么在达到限制后,再次上传相同的图片可能不会触发。解决这个问题的一种方法是,在每次上传文件后,清空输入框中的值。这是因为浏览器认为文件并没有发生变化,所以不会触发。或者在Vue组件中,你可以使用。属性为空字符串来实现。来获取输入框的引用,然后在。
2024-04-17 09:36:59 247
原创 javascript判断一个数组对象中是否有相同的属性值
在JavaScript中,你可以通过遍历数组并比较每个对象的属性值来检查数组中是否有重复的对象。这种方法的时间复杂度是O(n),其中n是数组的长度。这是因为我们需要遍历整个数组来查找重复的对象。,然后遍历数组中的每个对象。对于每个对象,我们获取其指定属性的值,并检查这个值是否已经在。如果是,那么我们知道我们找到了一个重复的对象,所以我们返回。否则,我们将这个值添加到。
2024-04-11 14:49:56 288
原创 css如何控制英文或者数字自动换行
这意味着如果一个单词太长而无法在当前行显示,那么它将被强制换行到下一行。注意,这两个属性的效果可能会受到其他 CSS 属性的影响,比如。会允许在任何字符之间断行,包括半角空格、全角空格、连字符等。所以,在使用时需要注意兼容性和实际效果。属性来控制单词内部的断字规则。属性来控制英文或数字的自动换行。在 CSS 中,使用。
2024-04-01 16:11:47 332 1
原创 javascript中如何清除文本中最后一个字符?
方法来创建一个新的字符串,这个字符串包含了原字符串的所有字符,除了最后一个字符。我们传入的第一个参数是开始索引(包括),第二个参数是结束索引(不包括)。如果我们传入负数作为第二个参数,那么它会被解释为从字符串的末尾开始的偏移量。方法来创建一个新的字符串,这个字符串包含了原字符串的所有字符,除了最后一个字符。我们传入的第一个参数是开始索引(包括),第二个参数是结束索引(不包括)。在 JavaScript 中,如果你想清除一个字符串的最后一个字符,你可以使用 substring。是最后一个字符的索引。
2024-04-01 15:50:50 314 1
原创 vue封装一个简单的modal对话框
在modal.vue中,我们在props中接受四个参数,title:标题,width:宽度, height:高度,top:距离顶部的高度,不传则是默认的值;并提供了两个具名插槽,header和footer,以及一个默认插槽slot显示里面的内容;并添加了三个自定义事件控制modal的显示和隐藏;点击右上角的xx, 取消、确定都会把对话框隐藏,并使用message组件提示用户 ,可以再这三个事件写自己的逻辑,比如点击确定发起请求等;通过外层的div控制组件的显示隐藏。点击打开modal那个按钮弹出对话框。
2024-02-08 17:29:11 635
原创 vue封装一个类似于element-ui的Notice通知组件,并挂载到Vue原型上使用this.$Notice.xxx()调用
在原型中我们添加了两个方法,并接收4个参数,top:距离顶部的距离,title: 标题,desc:标题详情, duration:展示的时间;其中top,duration不传的话给默认值;点击展示或者隐藏会调用Notice.vue的open和close方法,并且没有传递duration则是默认。此时在页面中就已经可以展示组件了。
2024-02-07 16:01:16 881 1
原创 今天教大家使用vue2封装一个全局可用的message提示组件
按钮也是自己封装的按钮,根据传递的类型更改按钮的大小尺寸和颜色背景是否禁用。点击对应的按钮会弹出下滑效果的提示,加载按钮的提示图标加了一直旋转的动画更美观,加载成功就会弹出成功提示的消息 点击关闭就会触发关闭的回调。上面代码呢,我们给Vue原型添加了$Message 对象,对象中编写了我们需要的通知方法,然后呢我们通过通知组件实例。在MessageComponent.vue中,组件实现打开和关闭通知的逻辑,使用。打开通知时,第一个参数是通知内容,第二个就是消息类类型,第三个是延时参数。
2024-02-06 09:02:17 1706 1
原创 vue实现Button按钮基本的封装并全局使用
在上述代码中,动态添加了类名控制按钮大小;在props中接收父组件传递的背景,按钮大小和是否可点击;并添加了一个自定义点击事件click;在mounted中判断父组件传过来的值做判断,没有传值就选择默认的值;第三步:使用组件,在父组件中,传递了type背景色,size按钮大小,还有disabled是否禁用,父组件没有传递就是默认按钮default的类名样式。在button中封装了按钮的背景颜色,大小,是否可点击的功能;首先看效果图:禁用按钮不可点击。此时可以用 lx-button 作为组件名使用。
2024-02-04 17:30:48 610
原创 vue2用自定义指令实现图片懒加载
一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。自定义指令必须以 v-xxx 开头 钩子函数会接收到指令所绑定元素作为其参数。此时是默认图片,过了0.5s就会显示加载的图片,滚动到可视区域会替换默认图片。javascript中有个api可以获取元素是否在可视区 使用。除了 Vue 内置的一系列指令 (比如。) 之外,Vue 还允许你注册。
2024-02-02 13:58:59 510
原创 如何快速封装一个axios最简单的功能,全局挂载使用。
在src目录下,新建一个utils文件夹;记得在index.js导出axios实例。:首先使用命令安装axios;
2024-02-02 11:18:58 361
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人