logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

VUE中的mixins用法

vue的mixins的使用mixins就是混入。一个混入对象可以包含任意组件选项。同一个生命周期,混入对象会比组件的先执行。1.创建一个test.js,用export暴露出mixins对象export const mixinsTest = {methods:{test1(){console.log("test1");}},created(){this.test1()}}2.

#vue.js#javascript
通过vue来添加动画和修改@keyframes属性值

CSS3中增加了@keyframes规则用于创建动画,创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式。也就是说通过改变CSS样式而达到动画的效果,所以,要动态去改变动画,只有修改样式。你可以打印一下document.styleSheets,console.log(document.styleSheets),会发现document.styleSheets是一个对象数组。拿到样式表后就可以

#动画#vue.js#javascript
vue3中如何通过emit自定义事件

在组件内自定义事件:<template><form class="validate-form-container"><slot name="default"></slot><div class="submit-area" @click.prevent="submitForm"><slot name="submit"><b

js 模拟触发点击事件

1.vue版本<el-button size="small" type="primary" ref="import">导入</el-button>this.$refs.import.$el.click()jQuery$("#a").click(function(){$("#b").trigger('click');})javascriptdocument.getElemen

#javascript#vue.js#前端
针对单个 js/ts 文件禁用 ESLint 语法校验的方法

问题描述:在 Vue-cli 创建的项目中,使用了 ESLint 规范代码的项目中如何针对单个 js 文件禁用 ESLint 语法校验,但整个项目依然保留 ESLint 的校验规则?解决方案:在代码顶部添加一行注释/* eslint-disable */ESLint 在校验的时候就会跳过后面的代码还可以在注释后加入详细规则,这样就能避开指定的校验规则了/* eslint-disable no-ne

#javascript#typescript
通过vue来添加动画和修改@keyframes属性值

CSS3中增加了@keyframes规则用于创建动画,创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式。也就是说通过改变CSS样式而达到动画的效果,所以,要动态去改变动画,只有修改样式。你可以打印一下document.styleSheets,console.log(document.styleSheets),会发现document.styleSheets是一个对象数组。拿到样式表后就可以

#动画#vue.js#javascript
淘宝镜像过期,npm报错:request to https://registry.npm.taobao.org failed, reason certificate has expired

其实,早在 2021 年,淘宝就发文称,npm 淘宝镜像已经从 registry.npm.taobao.org 切换到了 registry.npmmirror.com。旧域名也将于 2022 年 5 月 31 日停止服务(不过,直到今天 HTTPS 证书到期才真正不能用了)2.执行:npm config set registry https://registry.npmmirror.com。二、错

文章图片
#npm#前端#node.js
VUE中如何阻止事件冒泡

当父子元素中都有点击事件的时候,为了让触发子元素中的事件时,不去触发父元素中的事件,可以在子元素事件中添加stop来阻止事件冒泡。如图,在button的点击事件中加上stop,触发addStatus的时候,就不会去触发父元素中的showColorStatus事件。...

web端大屏适配解决方案

仅能满足一些特定的小场景,大屏中的实施非常不友好,例如我们覆盖element表格中的为font-size:0.5rem。如line-height的设置为22px,此时覆盖样式后的字体过大,并不能适应行高,就会出现文字重叠等错乱问题。即使不全屏也可以得到正确的结果。上图案例中采用了css3的缩放transform: scale(X)属性,对比两个图,我们不难发现本人改变分辨率时,scale的值是变化

#前端
css如何设置input的placeholder样式

如何设置input元素placeholder的样式

#css#css3#前端
    共 14 条
  • 1
  • 2
  • 请选择