2020-06-24 标签:vue,实现,封装,全局,filter,统一管理,操作,示例,本文,实例,讲述,分享,大家,参考,具体,如下,在前,后端

本文实例讲述了vue实现的封装全局filter并统一管理操作。分享给大家供大家参考，具体如下：在前后端分离的项目中，经常会有后台返回的数据需要进过处理才能显示到页面上的场景。使用最多的场景就是日期和时间的处理，后台一般返回的都是时间戳，那么我们就要对时间戳进行处理。下面就拿封装全局的处理日期和时间的

2020-06-24 标签:vue,简单,封装,axios,插件,接口,统一管理,操作,示例,本文,实例,讲述,分享,大家,参考,具体,如下,现在,公司

本文实例讲述了vue简单封装axios插件和接口的统一管理操作。分享给大家供大家参考，具体如下：现在很多公司的项目都是前后端分离的项目，那么说到前后端分离，必定会有ajax请求来获得后台的数据。在做jquery项目的时候，我们都会使用它封装好的方法来直接发起ajax请求。在vue项目中，我们使用最多

2020-06-24 标签:vue,实现,路由,不变,情况下,刷新,页面,操作,示例,本文,实例,讲述,分享,大家,参考,具体,如下,背景

本文实例讲述了vue实现路由不变的情况下，刷新页面操作。分享给大家供大家参考，具体如下：背景1：在vue写的后台管理项目中，经常会有增、删、改、查的操作，这些操作只是跟用接口跟后台交互下既然用接口交互，那肯定就是axios的异步请求，那么就是说后台数据发生了改变，但是前台的数据并没有实时的更新（每次

2020-06-24 标签:基于,n,ode,vue,实现,简单,websocket,聊天,功能,首先,需要,用到,odejs,模块,使用,yarn,进行,安装,add,save

首先，我需要用到node的nodejs-websocket模块使用yarn进行安装yarn add nodejs-websocket --save当然，你也可以用npm进行安装npm i nodejs-websocket --save安装完毕之后，我们开始写服务端的代码，首先，我用node在本地起了

2020-06-24 标签:vue,组件,改变,传递,prop,通过,sync,实现,数据,双向,绑定,demo,最近,elementui,做一个,后台,管理

最近开始在用elementUI做一个后台管理系统项目，遇到一个问题，需求是这样，在父组件有一个按钮，点击按钮会显示弹窗（子组件），在子组件中用的是elementUI 的el-diolog弹窗组件，在关闭弹窗时（elementUI自带事件）便会报错。话不多说直接上代码。DEMO这是父组件的代码：//

2020-06-24 标签:vue,引用,外部,js,两种,方法,前言,肯定会,遇到,n,pm,写的,es,就可以,import,引入

前言肯定会遇到没有npm化的库自己写的js 方法在Vue中该怎么引用呢第一种 如果库是es6写的 就可以用import 引入比如我自己写的http 封装接口的方法 就可以这样子导入哦 第二种是jquery的库 可以在静态资源导入（或者是cdn资源加载） 我是vue-cli 3.0 基础之上架构的把s

2020-06-24 标签:javascript,实现,切割,轮播,效果,本文,实例,为大,分享,具体,代码,大家,参考,具体内容,如下,doctype,html,lang,en

本文实例为大家分享了javascript实现切割轮播的具体代码，供大家参考，具体内容如下效果代码Document.container{position: relative;width: 560px;height: 300px;}.container ul{/*transform-style:pres

2020-06-24 标签:javascript,实现,商品,图片,放大镜,优化,原因,现在,商城,项目,解决,主要是,购买,问题,主要,要看,清楚,表面

优化原因现在的电商商城项目解决的主要是购买商品的问题，那么购买商品主要要看清楚商品表面外形的主要特征和细节，如果图片处理过小，或者细节过于模糊，就需要做一个商品高清图片放大局部的功能。技术关键点1.左侧和上侧距离，在一个水平位置和垂直位置中有我们可以挪动的区域，就是原图片区域，鼠标挪动位置是一个块状

2020-06-24 标签:javascript,实现,视频,弹幕,效果,版本,本文,实例,为大,分享,具体,代码,大家,参考,具体内容,如下,基础,doctype,html

本文实例为大家分享了javascript实现视频弹幕效果的具体代码，供大家参考，具体内容如下基础版本* {margin: 0;padding: 0;}.dm {width: 800px;height: 600px;background-color: blue;margin: 0 auto;}.box

2020-06-24 标签:javascript,实现,弹幕,效果,刚开始,入门,前端,仿照,项目,制作,简单,步骤,如下,编写,html,代码,创建

刚开始入门前端，想仿照FreeCodeCamp中的一个项目制作简单的弹幕墙。步骤如下：1、编写HTML代码： 创建一个弹幕显示墙，以及两个按钮，分别为“发送”和“清屏”，并在文本框中设置placeholder为“说点什么吧？”以提示用户在此输入弹幕信息。text message -->2、设置