
vue
暗影刀客
路还很长,贵在坚持,共勉。
展开
-
vue项目接入e2e自动化测试
文章目录1.安装night-watch2.安装浏览器驱动3.关于Selenium(音译:斯利涅姆) Server4.配置文件5.修改配置文件5.1 更新默认使用chromedriver5.2 配置测试文件路径5.3 配置runner.js项目开发到一定阶段,需要接入自动化测试,调研了一线现有的自动化测试方案,以为vue-cli默认使用的night watcher的0.9+的版本,其适用的chrome的版本很低,我们自己的浏览器早都80+了,他还适用70多,所以没有采用默认的,同时我们的项目是开始没有采用脚原创 2020-08-24 09:21:01 · 4075 阅读 · 0 评论 -
VUE实现页面缓存的解决方案-keep-alive
文章目录(一)背景(二)实现页面缓存的方案2.1 整个页面的数据和状态进行缓存2.2 vue的keep-alive来实现2.2.1 配置keep-alive2.2.1 配置组件(三) 注意事项(一)背景在实际开发中,对于spa类的单页面应用,一个页面就是一个组件的概念,默认情况下,在我们打开一个新页面的时候,为了内存的不浪费,不会缓存上一个页面,但是一些时候我们的pm会给我们提一些需求,比如:...原创 2020-04-09 01:44:19 · 1692 阅读 · 0 评论 -
Vue router-link使用的坑
####最近上手VUE,整体配置全部使用默认的配置,但是Route-link就是不跳转这是我src的项目目录这是router/index.js的代码,虽然和网上搜的其他的代码截图,整体没毛病,声明并导出了Vue-router的实例import Router from 'vue-router'import Main from '@/components/Main'import Atten...原创 2018-10-22 20:15:22 · 10024 阅读 · 0 评论 -
Vue 前端跨域的解决方案(心得记录)
背景:今天面试一面和二面都还ok,三面是两个小姐姐(工作性质应该是外包驻场,所以有甲方来面),简历上巴拉巴拉的简单聊了一下,到了关键了,小姐姐说问一下基础的东西(这也是最怕的,毕竟Vue我之前用的挺浅,局限在项目所用),小姐姐问,怎么解决Vue项目中的跨域问题。我当时虎躯一震,用服务器代理解决,我们之前的项目都是这么干的,简单省事,当时还想说jsonp的,但是怕错了,没敢说,结果可想而知,表现...原创 2018-10-23 20:50:11 · 18766 阅读 · 4 评论 -
bash: webpack-dev-server: command not found
今天按教程配置weback,其他的都是按照老师的一步一步来,环境变量和各种依赖都装了,一直报这个错误,按照搜到的前几条发现都不行,最后一个说的是用cnpm来安装,因为有可能是因为npm下载安装的补全,试了一下,重新安装一遍,ok了,耽误了一个多小时,真坑,至于怎么使用cnpm自行百度即可,很简单。...原创 2018-10-29 15:51:05 · 6565 阅读 · 0 评论 -
Vue的生命周期(学习心得加面试经验)
前言:相对三个框架而言,Vue确实是最容易上手的一个轻量级框架,只要有相关的基础即可轻松入门,但是很多细节的知识点不仅工作中有用,面试中也会问到,今天我来分享的我的心得和经验。生命周期就是以一个宏观的视角来审视Vue,理解一个Vue实例的生老病死,即创建到销毁的过程。下面是我的理解和记忆过程:1.整体来看Vue实例有三个大过程,创建、挂载和销毁,这个很好理解,就好像一个机器的器件,生产完成,组...原创 2018-10-26 16:23:04 · 800 阅读 · 0 评论 -
VUE最新版本源码阅读(一)——目录结构学习
最近学习VUE,只能说会用了吧,但是感觉总是有点不得法的感觉,所以想走一下大神们走过的路,读源码,致敬大神。准备工具:VUE源码(V2.5.17)sublime(阅读工具)Xmind8(画脑图,便于整理,笔记)网上前辈的经验都代码之前,需要先做一件事,搞清目录结构,哪些需要看,看的顺序很关键,因为在下是一枚新手,所以现在网上查看一下大家的分析:Vue源码目录结构整理·刘涛之后整...原创 2018-11-12 12:23:02 · 737 阅读 · 0 评论 -
webstorm 开发vue设置code style
webstorm开发vue的时候,第一次提交的时候发现eslint 的校验,一一修复之后,在commit代码之后,发现依然报错,在js代码中一直给我刷新成缩紧两个空格的形式,最后才发现是代码本身的style设置有坑,下面是解决办法。1.打开webstorm的设置页面 快捷键操作可以看到这是配置javascript风格的设置区域,可以参考eslint的需求进行默认设置,左边勾选,右边可以直接看...原创 2019-04-11 01:02:38 · 3124 阅读 · 0 评论 -
vue使用注意事项总结
文章目录一 、v-for的key绑定二、$refs三、router 和 route的区别3.1 router一 、v-for的key绑定先上文档可以看到,如果对于key的绑定会造成一些bug,而且往往这些bug是我们没有注意到的例如如下代码 <div v-for="(item, key) in list" :key="key">{{item.text}}</div&g...原创 2019-07-28 17:56:02 · 502 阅读 · 0 评论