![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 71
yanwuhc
实践出真知。
展开
-
Vue | 带有左右点击按钮可控制滑动的列表
效果功能点大概有如下两个功能点:列表横向排列点击左右两个按钮可以左右移动每个item(附加动画)思路列表横向排列可以使用flex布局解决,主要逻辑在左右滑动的控制上面。在样式上来看,左右滑动其实可以看成:改变position为relative时属性left值。具体分析如下:如上图,蓝色为外层div,红色为内层div。内层div装有列表的各项item,所以它的宽度可能会大于外层div的宽度。外层div采用定宽,同时设置overflow: hidden,使内层div突出的部分隐藏起来原创 2022-04-03 23:59:50 · 8726 阅读 · 4 评论 -
vue-cli中,proxyTable跨域中的pathRewrite怎么用
文章转载自:https://www.cnblogs.com/hanguidong/p/9460495.html问:proxyTable 里面的pathRewrite里面的‘^/iclient’:'' 什么意思?答:用代理, 首先你得有一个标识, 告诉他你这个连接要用代理. 不然的话, 可能你的 html, css, js这些静态资源都跑去代理. 所以我们只要接口用代理, 静态文件用本地.'/iclient': {}, 就是告诉node, 我接口只要是’/iclient’开头的才用代理.所以你的接口就转载 2021-07-12 23:39:58 · 384 阅读 · 0 评论 -
Vue | 原生audio样式不好看,自己写一个简易的音乐播放控件,实现播放暂停可拖动
最近遇到一个需求,需要写一个简单的音频控件:往控件传入音频url实现播放、暂停、允许拖动、显示时间等功能,由于原生audio标签样式不太好看,所以决定自己写一个。效果如下:思路把这个需求分成几个部分:左边的播放暂停按钮、右边上面的文字显示、下面的进度条。可以把audio作为原始控件(但不在页面中显示),用自己写的控件来控制audio标签的行为动作。1.暂停、播放按钮控制audio的play()与pause()。2.进度条,这里可以用range来实现,修改range的样式来达到上图的效果,通过on原创 2021-05-19 00:12:29 · 3582 阅读 · 10 评论 -
CSS手写一个时间轴组件(Vue)
效果分析每一个时间轴块为一个整体,如下图:将这个整体分为几部分:左边小圆点node、左边时间线line、右边title、右边内容content。这样一来,可以将这个整体分成左右两部分。左边部分的小圆点可以用一个div元素设置border-radis:50%来实现,下面的线实际上是一个空div增加了边框是属性。右边部分从上往下书写就好。左边的两个部分可以用position:relative进行定位。为了让组件可以跟随content的内容变化而变化,不设置height属性,直接默认auto就好原创 2021-04-11 17:57:58 · 1056 阅读 · 0 评论 -
Vue前后分离项目,前端解决跨域问题(分本地开发环境以及服务器环境)
Vue前后分离项目,前端解决跨域问题(分本地开发环境以及服务器环境)对于前后分离的项目来说,产生浏览器跨域问题简直是家常便饭。自己跟小伙伴写的一个小项目,也时常产生跨域问题,以往都是叫后端的伙伴解决。最近尝试从前端解决跨域问题,直到现在才解决,在这里总结一下解决的方案。本文分本地开发解决跨域以及服务器解决跨域。本地开发解决跨域问题开发的过程中,可以使用vuecli3的devServer–proxy进行代理解决跨域问题。(vuecli2也有相同的配置方法。)在项目的目录中创建vue.config.j原创 2021-02-11 02:00:49 · 2051 阅读 · 0 评论 -
vue插槽 | 对于插槽的使用与理解(slot、slot-scope、v-slot)
在父组件引用子组件,子组件中间的内容一般不会显示,需要借用插槽来将其中的内容传递给子组件,然后渲染出来。说白了,插槽的作用就是:将【父组件中调用的子组件标签中间的内容】传给子组件,进行渲染显示。插槽分为:匿名插槽、具名插槽、作用域插槽。匿名插槽、具名插槽:两者区别在于,需要传递给子组件的内容有没有定义slot标签,简单来说就是:<div>我是一个匿名插槽</div><div slot=“good”>这里是一个具名插槽</div>一般会将需要传原创 2020-11-24 20:50:24 · 429 阅读 · 0 评论