vue-cli3项目打包优化

2020-01-03
阅读 3 分钟
9.1k
.map 文件的作用:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。 有了 .map 就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。

前端js/vue下载后台传过来的流文件(如excel)并设置下载文件名

2019-09-30
阅读 2 分钟
47.6k
这里介绍两种方法,使用 Blob对象 和 使用 js-file-download这两种方法下载的文件都不会乱码,但是 不管使用哪种方法,发送请求时都要设置 responseType 如果不打算了解直接使用,请通过目录或者直接点击跳转 四、主要完整代码

vue项目中点击非刷新按钮,页面刷新并且路由多了个问号解决方案

2019-09-29
阅读 1 分钟
3k
问题描述 在vue项目开发过程中,点击查询或重置按钮,结果页面刷新了一遍 后来发现路径变成了 localhost:8080/?#/advanced​ 原因 这是因为在 form 表单里,点击了button 按钮,触发了表单的默认事件,也就是触发了提交行为。 ​ 解决方案 使用 @click.prevent 阻止默认事件即可 {代码...} 或者不要 form 标签

vue本地打包build之后dist文件下的index.html不显示内容报错Failed to load resource

2019-09-18
阅读 1 分钟
9.1k
【vue-cli踩坑】Failed to load resource: net::ERR_FILE_NOT_FOUND或者build之后dist文件下的index.html不显示内容

使用vue-i18n实现中英文切换

2019-08-20
阅读 2 分钟
5.8k
源码地址 :vue-i18n-demo 安装 vue-i18n {代码...} 新建中英文对照文件 {代码...} 在 main.js 文件引入 {代码...} 使用 {代码...} 注: $t 是固定用法 效果:

vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)

2019-08-12
阅读 2 分钟
12.9k
区别 ECB: 是一种基础的加密方式,密文被分割成分组长度相等的块(不足补齐),然后单独一个个加密,一个个输出组成密文。​ CBC: 是一种循环模式,前一个分组的密文和当前分组的明文异或或操作后再加密,这样做的目的是增强破解难度。(不容易主动攻击,安全性好于ECB,是SSL、IPSec的标准)

vue中使用v-for时为什么不能用index作为key?

2019-08-03
阅读 2 分钟
28.5k
结论: 更新DOM的时候会出现性能问题 会发生一些状态bug React 中的 key 也是如此 如果已经了解 为什么要用key,可以通过目录直接跳到下一节。

【全栈初体验】Vue+Node+MySQL 实现前后端分离开发

2019-05-29
阅读 5 分钟
13.3k
这个 demo 是MVVM开发模式,我也写过一个前后端结合开发的完整系统 demo Vue项目使用vue-cil3创建的。 使用vue-cil2创建的项目也可以实现,只是配置代理服务器的时候有一点差别。后面分别针对这两个版本进行区分。 数据库操作使用Navicat。

vue中手动封装iconfont组件(三种引用方式的封装和使用)

2019-05-07
阅读 3 分钟
6k
在线使用 有时候会因网络问题影响用户体验;直接放在 本地使用 ,如果过多使用也会显得繁琐,所以就可以将其封装成一个组件,也方便维护。​ 封装基于阿里巴巴图标库的项目图标。​ 初次使用iconfont项目参考: 点我查看使用前的准备和三种引用方式介绍

在vue项目中(本地)使用iconfont字体图标的三种方式

2019-05-06
阅读 2 分钟
8.7k
使用前的准备和三种使用方式介绍,参考这里 开始使用: 点击下载到本地 在了路径 src/assets 下新建文件夹 iconfont ,用来存放字体图标的本地文件 解压下载到本地的字体图标文件,放到 iconfont 文件夹下 如过项目中没有下载 css-loader 依赖包,就进行下载,否则会报错 {代码...} 然后引入样式并使用即可。 {代码...} ...

Vue进阶,效率和优雅我都要

2019-05-06
阅读 7 分钟
6.8k
require.context 是一个 Webpack 提供的Api,通过执行require.context函数获取一个特定的上下文,主要是用于实现自动化导入模块。

【vue项目实战】Vue工程化项目--猫眼电影移动端(三)

2019-05-06
阅读 5 分钟
4.4k
组件化开发,标题部分 多处用到的代码就在全局进行注册 优化用户体验:当网速过慢时,显示加载动画。 播放宣传片 保留组件状态,避免重新渲染 keep-alive 图片懒加载 本节完整demo 第一节

页面刷新后,vuex中数据丢失、清空的解决方案 vuex-persistedstate

2019-05-05
阅读 1 分钟
12.6k
应用API进行用户身份验证,将登录状态保存为Vuex状态中的布尔值。当用户登录时,设置了 登录状态 并相应地有条件地显示 登录/注销 按钮。​ 但是当刷新页面时,vue应用程序的状态将丢失并重置为默认值。​ 这导致的问题就是:即使用户登录了,但刷新页面时,登录状态 也会设置为false, 这样即使用户保持登录状态,也会显...

vuex 使用总结(详解)

2019-05-05
阅读 8 分钟
89.7k
如果不打算开发大型单页应用,应用够简单,最好不要使用 Vuex。一个简单的 store 模式就足够了。但是,如果需要构建一个中大型单页应用,就要考虑如何更好地在组件外部管理状态,Vuex 是不错的选择。

【vue项目实战】Vue工程化项目--猫眼电影移动端

2019-04-30
阅读 6 分钟
6.4k
这里是仿猫眼移动端。使用 vue-cli 创建项目。 ​ 本节先介绍并进行项目的初始化,然后把主框架搭起来,熟悉路由和组件,后面在 项目demo 持续贴出完整项目代码。也会更新博客。 ​ 第二节传送

vue-router 前端路由之路由传值

2019-04-30
阅读 2 分钟
5.3k
在前端的路由里面,我们在切换路由的时候,也相当于切换了页面,页面与页面之前有时候需要做到传值 ,这个时候就需要进行路由传值,在VueRouter里面,两个路由之间做跳转的时候,如何进行传值呢?

【前端性能优化】02--vue性能优化

2019-04-30
阅读 4 分钟
7.8k
v-show,v-if 用哪个? 首先清楚一点,v-if 会销毁代码,v-show 则是将代码注释掉。所以分两个维度去思考问题,第一个维度是权限问题,只要涉及到权限相关的展示无疑要用 v-if ,第二个维度在没有权限限制下根据用户点击的频次选择,频繁切换的使用 v-show ,不频繁切换的使用 v-if ,这里要说的优化点在于减少页面中 do...