vue
在vue-cli生成的项目中使用karma+chrome进行单元测试
用vue-cli生成项目时，如果选择了单元测试，那么会采用karma+mocha作为单元测试框架，默认使用的浏览器是PhantomJs。 Karma是一个基于Node.js的JavaScript测试执行过程管理工具（TestRunner）。可启动所有主流Web浏览器作为测试容器，运行时会启动一个web服务器，...
在vue-cli搭建的项目中在后台mock接口中支持req.body和req.cookies
在《vue-cli搭建的项目中增加后台mock接口》中实现了后台mock，但是前端post的t数据都要在mock的后台接口中使用req的接收数据事件获取http协议body中的数据。req.on('data',function(chunk){//接收字节数据});req.end('data',function(){//...
在vue-cli搭建的项目中增加后台mock接口
用vue-cli搭建一个前端开发环境确实是极其方便，在写前端代码肯定也是少不了需要调用后台提供的业务接口进行前后端交互，特别在敏捷开发中，前后端都要提前确定业务接口并进行打桩，在开发过程中基本是没有现成的后台可以调用，基本上都是自己写mock进行模拟。在vue-cli搭建的项目中，框架上用的是express的web框架...
vue-router有哪几种导航钩子（ 导航守卫 ）？
问题一：vue-router有哪几种导航钩子（导航守卫）？1、全局守卫： router.beforeEach2、全局解析守卫： router.beforeResolve3、全局后置钩子： router.afterEach4、路由独享的守卫： beforeEnter5、组件内的守卫...
vue如何禁止弹窗后面的滚动条滚动？
methods:{//禁止滚动stop(){varmo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动},/**...
vue-cli工作中如何自定义一个过滤器？
文件结构：.├──src│├──filter││├──filter.js│││└──main.js└──...过滤器们放在filter文件夹下filter/filter.js：这个文件主要是写了过滤器实现的方法，然后export进行导出。functionfilterOne(n){returnn+10;}function...
什么是vue的计算属性？
计算属性：模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<divid="example">{{message.split('').reverse().join('')}}</div>在这个地方，模板不再是简单的声明式逻辑。你必须看...
vue更新数组时触发视图更新的方法
变异方法：Vue包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下：push()pop()shift()unshift()splice()sort()reverse()替换数组：例如：filter(), concat()和 slice() 。这些不会改变原始数组，但总是返...
什么是vue生命周期和生命周期钩子函数？
1、vue生命周期和生命周期钩子函数：vue的生命周期是： vue实例从创建到销毁，也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程。在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。问题二：vue生命周期钩子函数有哪些？生命周期钩...
vue中如何编写可复用的组件？
在编写组件的时候，时刻考虑组件是否可复用是有好处的。一次性组件跟其他组件紧密耦合没关系，但是可复用组件一定要定义一个清晰的公开接口。Vue.js组件API来自三部分：prop、事件、slot：prop允许外部环境传递数据给组件，在vue-cli工程中也可以使用vuex等传递数据。事件允许组件触发外部环境的actions...
vue中 keep-alive 组件的作用
keep-alive：主要用于保留组件状态或避免重新渲染。比如： 有一个列表页面和一个 详情页面，那么用户就会经常执行打开详情=>返回列表=>打开详情这样的话列表和详情都是一个频率很高的页面，那么就可以对列表组件使用<keep-alive></keep-alive>...
vue中子组件调用父组件的方法
通过v-on 监听和$emit触发来实现：1、在父组件中通过v-on 监听当前实例上的自定义事件。2、在子组件 中通过'$emit'触发当前实例上的自定义事件。示例：父组件： <template><divclass="fatherPageWrap"><h...
vue中使用html2canvas截取div内容转为图片
1.首先引用jquery和html2canvas 方法略不会的请百度2.添加截图按钮<buttontype="button"id="savePic"class="btnbtn-primarybtn-smmixStream"v-on:click="savePic">截图</button>3.创建...
vue页面canvas保存为图片并保存到本地
//保存saveFile(data,filename){constsave_link=document.createElementNS('http://www.w3.org/1999/xhtml','a');save_link.href=data;save_link.download=filename;consteve...
vue内点击url下载文件最佳解决方案
开发中经常遇到这样的功能,用户将文件或附件上传到服务器,后端将文件放到ftp或是其他位置,在前端页面内有下载的入口,有时候,后端返回的是blob,这种情况当然是最好的,但是为了方便,后端也可能返回文件所在位置的url,这时,对前端来说,可能遇到一些问题,比如,下载文件时候浏览器可能会出现闪动,下载图片,json文件等浏...
