<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body> </html>
测试文章
-
VUE返回上一层时对当前逻辑判断
当我们需要在返回上一级之前进行某些函数判断时,可以借助beforeRouteLeave 进行判断。
-
css transition分别指定多个属性
transition有四个属性,很多人都会遗忘,分别是transition-property,transition-duration,transition-timing-function,transition-delay,尤其是transition-delay,这个可以实现延迟动画
-
vue keepalive 前进刷新后退不刷新终极解决方案
另外,我们做路由的时候要有意的根据页面等级做出路由的长度 比如 /a是一级的页面/a/b是二级的页面,下面的文章大家也可以通过判断path的长度来计算rank值,不用有意自定了 这样做的好处有两点,一个就是前进刷新,后退不刷新,还有就是,如果我们做页面进出效果的时候也能排上用场。
-
深入理解vue中的slot与slot-scope
vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。
-
vue项目首屏打开速度慢的解决方法
那缺少的elementui文件去哪里找呢?答案是cdn引用。
-
Nuxt重要点介绍和记录
nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染).Vue.js是开发SPA(单页应用)的,Nuxt.js这个框架,用Vue开发多页应用,并在服务端完成渲染,可以直接用命令把我们制作的vue项目生成为静态html。
-
nuxtjs打包优化
然后你再使用 npm run build 打包的时候,会弹出一个界面 当然了,它第一次出来的时候我立马关了,这啥玩意???别着急你慢慢的品,慢慢的看。 原来 这是打包后的JS,面积的大小就是体积的大小。这样我们一目了然的看到了到底那里大了
-
VUE-CLI 3.0项目使用CDN方式引用v-charts,webpack配置external,使用{"v-charts":"VeIndex"}
VUE-CLI 3.0项目使用CDN方式引用v-charts,webpack配置external,使用{"v-charts":"VeIndex"}
-
webpack打包优化之外部扩展externals的实际应用
使用vue-cli创建项目,使用webpack打包。其中,有一个webpack优化webpack.optimize.CommonsChunkPlugin,它会将node_modules中的必需模块提取到vendor文件中,项目开发中,增加第三方模块,比如element-ui、vue-echarts等,vendor的包都会增大。这个时候,就需要考虑减轻vendor包的大小,增加构建速度。我们可以使用webpack的外部扩展(externals)功能。
-
anyProxy使用注意事项
anyproxy-ca 运行这个命令,如果是mac电脑他会提醒你去通过证书。