云中客的博客

首先，使用npm或yarn安装http-proxy-middleware$ npm install http-proxy-middleware --save$ # 或$ yarn add http-proxy-middleware然后，在src文件夹下新建一个setupProxy.js，引用http-proxy-middleware后即可配置代理const proxy = require('http-proxy-middleware');module.exports = f...

通过params传参 /*路由配置页面*/<Route path="/addPage/:id" component={addPage} />/*跳转前的页面，点击后跳转的方法*/goAddPage() { let id = 111 this.props.router.push({ pathname: `/addPage/${id}` })} 在跳转后的页面中可以通过this.props.router.params得...

安装了react和ant-design后，改变modal的visible的属性，会报“Cannot read property 'getParent'of undefined”的错。苦寻答案良久，在ant-design的gitHub的issue里找到了一位同学分享的答案：ant里的rc-util是5.0.1版本的，在rc-util升到5.0.4就可以修复这个bug。...

最近的项目中需要一个类似于element但又有多种定制化功能的弹出框，但element给的弹出框只支持点击或者鼠标悬浮唤醒，而项目中需要的是右击，或者嵌套操作，所以就自己写了一个，成果如下图。我按照个人完成的整个思路去介绍。步骤一：首先找到点击的这个dom,然后通过计算这个dom的宽高等属性将这个弹窗定位，如何点击后获取这个dom的尺寸和定位呢？这里我是这样写的&lt...

<div class="demo" @contextmenu.prevent="getDemo($event)"></div>export default { methods: { getDemo(e) { console.log(e.toElement.className) } }} ...

众所周知，vue提供了很多套组件间传值的方法，父子组件直接用props和$emit就好，大型项目则用vuex，但有一种更适合在小项目中使用的非父子组件传值方法，即bus总线机制。它的用法的实现原理是前端面试中常考的。在第一次换工作的时候，几乎所有面试官都问了有关vue组件传值的几种方法，所以掌握这个知识点是很重要的。 这种方法的原理是通过一个空的Vue实例作为中央事件总线...

最近公司让我面试了一个前端时，我问了“遍历对象的方法”，结果她给了我一个曾经没有用过的方法，果然面试也是一种学习，故在此记录总结。一. 遍历对象的方法1.使用for ... in语句 for..in语句是一种迭代语句，可以用来枚举对象的属性，也可以用来循环数组。但这里是有个坑的，会把原型上的方法名也遍历出来Object.prototype.method=f...

最近在中控项目中遇到一个问题，就是需要轮播显示数据，网上给的教程都是定高的，所以就自己写了一个，效果如下：对于这种轮播的功能，其实应该根据是否定高去分为两种情况用不同的方案去处理。一、不定高轮播 我在看了很多博客之后发现他们给的方案都是定高的，这种你可能一搜一大把，我就只分享别人没有说过或者不容易找到的情况吧。我暂且将轮播的部分称为轮播区域，将轮播区域之外的地方...