- 博客(9)
- 收藏
- 关注
RSS订阅原创 Oss阿里云前端直传
直接直传，中途无法获取id，无法在上传途中终止上传操作（除非刷新页面），小文件很快的建议使用。代码如下：公共部分：安装ali-ossyarn add ali-oss或者npm install ali-oss创建一个alloss.js文件，这个文件主要是你自己oss的配置创建tool.js文件（这里是你用oss的一些api）
2024-05-20 11:06:07
593
原创 marquee横向循环滚动
e）behavior是来控制滚动属性的，默认为循环滚动(scroll)，同样，如果是循环滚动的话可以不需要此参数。其他可选的值还有alternate(交替滚动)，slide(幻灯片效果，指的是滚动一次，然后停止滚动)。onMouseOut=“this.start()” ：用来设置鼠标移出该区域时继续滚动 onMouseOver=“this.stop()”：用来设置鼠标移入该区域时停止滚动。b）scrollDelay也是用来控制速度的，表示走走停停，默认为90，值越大，速度越慢。
2024-04-22 14:31:47
1110
1
原创 vue3-seamless-scroll 无线滚动
limitScrollNum 开启滚动的数据量，只有列表长度大于等于该值才会滚动。singleHeight and singleWidth 是否开启 rem 度量。direction 控制滚动方向，可选值up，down，left，right。v-model 通过v-model控制动画滚动与停止，默认开始滚动。list 无缝滚动列表数据，组件内部使用列表长度。singleHeight 单步运动停止的高度。singleWidth 单步运动停止的宽度。count 动画循环次数，默认无限循环。
2024-04-18 15:25:07
1685
1
原创 Form表单验证之---Validate
如果多个按钮的校验方式不同，比如发送短信码+登录页面，短信码只要校验 手机号字段，登录要校验手机号和验证码两个字段怎么办？在data中定义校验规则，校验规则要针对每一个上节定义好formitem进行校验，可以有required 也可以有正则表达式。<el-form-item label="表单项" prop="menuName">定义form名称为myform，校验规则用myrules 先记住这两个名字。使用:rules="myrules"指定校验规则。使用ref="myform"来指定表单名。
2024-04-15 14:11:06
684
1
原创 const { proxy } = getCurrentInstance()；
这些方法有的在全局的main.js里进行了引用，有的在当前组件进行了定义，就导致proxy可以使用当前组件的一些方法和属性（因为全局定义的也属于当前组件的）1、我们在某个组件中定义了proxy。他允许访问当前组件的属性、方法等。2、使用proxy获取到方法。
2024-04-15 13:51:17
833
1
原创 动态组件component
导入两个组件，然后用currentComponent来标注其中的一个组件A，然后通过点击事件toggleComponent来触发方法，由三元运算符动态的改变组件的切换。
2024-04-12 16:46:35
159
原创 前端轻量级WEB进度条---NProgress
import '@/components/NProgress/nprogress.less' // 导入样式，否则看不到效果。NProgress.set(n) 作用：设置进度条的百分比，其中 n 是 0 ~ 1 之间的数字。NProgress.start() // 开启进度条。NProgress.start() 作用：开启进度条。NProgress.done() // 关闭进度条。NProgress.done() 作用：关闭进度条。基本是在路由拦截器中使用。
2024-04-10 11:29:17
225
原创 第三方库Moment.js
moment(你传递的要改变的数据).format('YYYY-MM-DD hh:mm:ss')（局部使用）直接变成几几年几几月几几日。moment().format('YYYY-MM-DD hh:mm:ss')（局部使用）直接变成几几年几几月几几日。Moment.js一个轻量级的JavaScript时间库，简化了时间的处理。Vue.prototype.$moment = moment(全局)
2024-04-09 16:43:05
230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人