最新发布

vue.js的Eslint配置文件eslintrc.js说明与规则介绍
Vue.js

vue.js的Eslint配置文件eslintrc.js说明与规则介绍

2020-06-24 标签:vue,eslint,配置文件,eslintrc,js,说明,规则,介绍,默认,代码,末尾,加分,存在,多行,空行,tab,使用,必须

默认eslint规则:代码末尾不能加分号 ;代码中不能存在多行空行;tab键不能使用,必须换成两个空格;代码中不能存在声明了但未使用的变量;最简单的方法,关闭eslint检测,其实很简单,把 build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可。但不推

浅谈vue.jsx为什么不建议在action中修改state
Vue.js

浅谈vue.jsx为什么不建议在action中修改state

2020-06-24 标签:浅谈,vuex,建议,action,修改,state,背景,最近的,需求,开发,过程中,再次,使用,状态,更新,这一,方面,始终,遵循,官方

背景在最近的一次需求开发过程中,有再次使用到Vuex,在状态更新这一方面,我始终遵循着官方的“叮嘱”,谨记“一定不要在action中修改state,而是要在mutation中修改”;于是我不禁产生了一个疑问:Vuex为什么要给出这个限制,它是基于什么原因呢?带着这个疑问我查看Vuex的源码,下面请大

vue.js实现的封装全局filter并统一管理操作示例
Vue.js

vue.js实现的封装全局filter并统一管理操作示例

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

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

vue.js简单封装axios插件和接口的统一管理操作示例
Vue.js

vue.js简单封装axios插件和接口的统一管理操作示例

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

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

vue.js实现路由不变的情况下,刷新页面操作示例
Vue.js

vue.js实现路由不变的情况下,刷新页面操作示例

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

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

基于node+vue.js实现简单的WebSocket聊天功能
Vue.js

基于node+vue.js实现简单的WebSocket聊天功能

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在本地起了

vue.js子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Vue.js

vue.js子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)

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

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

vue.js引用外部JS的两种种方法
Vue.js

vue.js引用外部JS的两种种方法

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

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

js实现切割轮播效果
JavaScript

js实现切割轮播效果

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

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

js实现商品图片放大镜
JavaScript

js实现商品图片放大镜

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

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