我们最近在做一个项目时，因为static 文件中含有几个视频文件，导致static 文件过大，build 的时候非常慢。在这我大概介绍一下上面问题的解决方法：首先我们先要了解一下 webpack 的一个插件 --拷贝插件 copy-webpack-plugin第一步：插件的安装：npm install --save -dev copy-webpack-plugin如果你是用脚手...

项目打包时有时候需要进行页面的seo的优化现在主要的优化有两种1、ssr服务器优化（在这不做过多的解释 具体vue官网上的解释 https://cn.vuejs.org/v2/guide/ssr.html）2、我们在这主要讨论的时页面的预渲染目标：对页面进行预渲染从而达到seo优化实现步骤：1、安装prerender-spa-plugin 插件npm inst...

在形目中经常要实现回到顶部的效果，所以我在这做了一个回到顶部的插件。首先，我们先在这说明一下，实现回到顶部的效果所要满足的要求为：要实现回到顶部效果的盒子必须出现横向滚动条。子组件如下所示：原理为监听元素的scroll距离，根据距离判断其滚动距离及滚动速度，和按钮的显示隐藏。<template><div><div class="pag...

vue-socialmedia-share 是一个可以分享到facebook weibo等多个社交网站的插件使用十分简单第一步：npm install vue-socialmedia-share<template><div class="hello"><facebook :url="url" scale="3"></facebook&...

谷歌机器人验证主要是翻墙的问题，首先你要申请一个一个谷歌账号然后去https://www.google.com/recaptcha/intro/v3.html申请密钥下载然后下载vue-recaptcha 插件（所对应https://github.com/DanSnow/vue-recaptcha）npm install --save vue-recaptcha然后在组件...

今天在做后台的时候，要实现文件导入的效果，在网上搜了好久，也没有搜到一个详细的文档。好不容易做出来了，在这记录一下实现目标：在vue项目中excel 文件的导入具体实现过程：1、添加依赖在这需要添加3个依赖包和2个js文件使用npm安装npm install -S file-saver xlsx（file-saver依赖 和xlsx依赖）npm install -...

作者：李大雷https://segmentfault.com/a/1190000016786254为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~目录表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符（实在不知道叫啥名字）表单修饰符填写表单，最常...

基本原理是，在window加载之前，渲染出加载动画，页面渲染完成后，移除加载动画即可在vue项目中一般只需二步第一步，写css和dom在vue项目的index.html中引入css第二步 在app.vue created中移除加载动画运行效果：这样加载动画就完成了。...

所用插件vue-video-player 这是一款基于video.js的视频播放器插件插件的使用：安装：npm install vue-video-player --save全局引入importVuefrom'vue'importVueVideoPlayerfrom'vue-video-player'//requirevideojsst...

前几天做项目的时候，需要实现一个动态锚点的效果如果是传统项目，这个效果就非常简单。但是放到 Vue 中，就有两大难题：1. 在没有 jQuery 的 animate() 方法的情况下，如何实现平滑滚动？2. 如何监听页面滚动事件？在浏览了大量文章、进行多次尝试之后，终于解决了这些问题期间主要涉及到了setTimeout 的递归用法，和 Vue 生命周期中的moun...