前言 最近在参加面试找工作，陆陆续续的面了两三家。其中面试官问到了一个问题：如何解决跨域问题？ 我巴巴拉拉的一顿说，大概了说了四种方法，然后面试官紧接着又问：那跨域请求怎么携带cookie呢？（常规的

安装js-cookie是为了将当前选择的语言保存并在下一次打开时默认选择。 准备本地的翻译信息，在src下新建lang文件夹，新建文件zh.js，en.js。 在 main.js 中引入 vue-i18n，并挂在在vue实例中。 开始使用，新建.vue文件。在页面中通过$t()…

在onChange 里面调用方法，就能上传图片显示了，这里不多说介绍，上传图片的原理都差不多。 接下来说下给图片加水印的操作，在激烈的碰撞中，发现可以通过用Canvas，给图片上水印(本次是通过后台接口生成的)，之后慢慢的预研了一波。 drawImage这个方法可以传入多个参数…

在一些图片量比较大的场景（电商首页，小程序首页等），如果我们打开页面时就加载所有的图片，那势必会导致页面的卡顿以及白屏，给用户不好的体验，导致用户流失。 但是我们仔细想一下，用户真的需要我们显示所有图片一起展示吗？其实并不是，用户看到的只是浏览器可视区域的内容。所以从这个情况我…

最多时候有11个标签页，包括两个 ... ，但是它们不能点击，所以我也把例子里的页码设为11 首页和尾页都保留，第二个页码和倒数第二个页码都为 ... ，同时页面从当前页码位置向两侧算 从上面的思路来看，页码具体如何呈现由当前页码的位置决定，所以我们要在data里设置一个cur…

调取登录接口（首先明确一下要做到事情）在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下：第一次登录的时候，前端调后端的登陆接口，发送用户名和密码后端收到请求，验证用户名和密码，验证

OK,兄弟们。前面一篇文章就说过要用指令的方式来实现图片的懒加载。其实，前端发展这么多年，要实现图片懒加载非常的简单，配合上Vue的指令，30行轻轻松松实现一个高复用的Vue指令。一起来看看吧。 这里我是用的IntersectionObserver API去实现的。 简单来说可…

本文基于Vue2 自定义了一个图片懒加载指令 v-lazy，主要涉及的知识有：自定义指令、事件总线、clientHeight与getBoundingClientRect这两个API。

大家好我是小逗号，今天给大家带来一期前端下载excel表格的教程。这个包名叫做 # js-export-excel，我们可以通过npm或者yarn下载，现在运用的框架是 vue2。喜欢的话来个关注哦。