logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue在父组件中改变子组件中的某个样式

在应用vue开发前端项目时,有时候我们需要在父组件中改变子组件的默认样式,比如你的项目中引用了第三方UI库,但是你觉得某个组件的样式你并不喜欢,那么你想改变它的默认样式,那么我们该怎么办呢?直接上代码,先来看父组件Home.vue的代码// 父组件Home.vue<template><div class="home"><h1>This...

vue如何禁止弹窗后面的滚动条滚动?

methods : {//禁止滚动stop(){var mo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动}...

vue作用域插槽slot-scope详解

vue的插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定。实际上,一个slot最核心的两个问题这里就点出来了,是显示不显示和怎样显示。了解vue的同学都知道插槽分为单个插槽,具名插槽,还有作用域插槽,前两种比较简单这里就不赘述了,今天的重点是讨论作用域插槽。简单来说,前两种插槽的内容和样式皆由父组件决定,也就是说显示什么内容和怎样显示都由父组...

webpack使用proxy代理时pathRewrite不生效的分析

目录 写在前面概述前端打包工具直入主题pathRewrite写在前面近日来,连续高压的做项目,都没时间来写点东西,今天浏览帖子时发现好多同学在问proxy使用pathRewrite重写路径时不生效的问题,一时兴起就想写篇文章告诉还不清楚的同学们。概述前端打包工具由于近些年来react、vue等MVVM框架的流行,使得前端的打包工具更倾向于webpack,相比传统的打...

使用npm安装node-sass失败的解决办法

使用npm安装node-sass失败时,我们可以这样解决:第一步(卸载之前安装失败的包):npm uninstall node-sass -D第二步(使用淘宝镜像cnpm,先提前安装好cnpm):cnpm i node-sass -D...

#sass
node-sass与node版本对应(版本不对安装会报错)

node-sass经常会安装报错,有的时候即使是切换到国内的npm源也不行,这时候就很大可能是node-sass和你电脑的node版本不对应:

#node.js#sass#scss +2
React踩坑记录:Error: Minified React error #31;

根据react官网给出的提示,我们可以清晰的知道,这是由于我们代码书写的错误,导致react组件在render的时候,有一个孩子组件没有正确的返回react支持的数据结构,那么react组件支持render函数返回什么呢?很明显字符串、JSX和数组都可以,于是我们去排查代码。很明显,是react框架爆出来的错,遇到这种问题,别慌,先去看对应的介绍,先打开它提示的这个网址去看看啥情况,于是我们点开。

#react.js#javascript#前端
vue踩坑之eventBus.$on多次触发的问题

记录一下自己使用vue踩过的坑,希望别人看到能避免如此踩坑。先描述问题:假设有两个非父子组件A和组件B,组件A的data中绑定的某个值变化时,通知组件B需要做某些操作,代码如下:// 组件Athis.value = 1eventBus.$emit('getSomething', this.value)// 组件Bcreated() {eventBus.$on('getSomething', val

#vue.js#javascript#前端
axios连续请求同一个接口的时候取消前一个请求

使用axios怎样在连续请求同一个接口时,取消前面的请求,通俗一点来讲就是对接口请求做了个“防抖”的操作。场景:比如现在页面上有个列表查询的按钮,当用户在一秒钟之内,多次点击这个按钮时,那么接口此接口请求会发生多次,前一个接口请求结果还未返回就进行了下一次请求,这样做不但会造成资源的浪费,同时还会加重服务端的压力,怎样避免这样的操作呢?此时,我们只需要在下一个接口发出时,取消前面这个一模一样的接口

#前端#http#javascript
web音视频播放器(html5)方案总结

webRTC,详解web音视频播放器在前端的体现,各种协议和方案对比,帮助大家更加了解H5音视频播放器的相关知识!

#前端#音视频#html5
    共 11 条
  • 1
  • 2
  • 请选择