2019年08月_艾欢欢

原创火狐浏览器图形验证码刷新不生效的问题（图片src重新赋值不生效的问题）

场景之一图形验证码刷新刷新方式：点击一次图片，就重新给src赋值一次，从而进行刷新。// 这种方式，谷歌浏览器正常刷新，火狐浏览器不会刷新ImageCodeSrc = BASE_URL + "/login/captcha.jpg"这样写在谷歌浏览器中是正常显示的，没有问题。但是火狐就会出现不刷新的问题。原因【由于指定的src与原来图片的src相同，所以在ie7、火狐浏览器下验证码不...

2019-08-31 16:38:43 2195 1

原创前端获取response响应头的所有数据/信息

前端默认只能获取以下响应头信息Cache-ControlContent-LanguageContent-TypeExpiresLast-ModifiedPragma如果想获取到响应头其他数据，需要在服务器端设置 Access-Control-Expose-Headers : 'Authorization' 这样前端就可以获取响应头的其他信息了（包括自定义的响应头）。举个栗子：...

2019-08-31 16:16:42 30568 1

原创兼容IE时，判断是否为IE浏览器

目前只有IE浏览器支持ActiveX控件，判断浏览器是否支持ActiveX控件即可判断是否为IEif (!!window.ActiveXObject || "ActiveXObject" in window){ console.log('is IE') }else { console.log('is not IE')} ...

2019-08-31 15:21:56 595

原创 vue-i18n在单文件js中使用

示例：import Vue from 'vue'import VueI18n from 'vue-i18n'Vue.use(VueI18n)const i18n = new VueI18n({ locale: localStorage.getItem('userLanguage') : 'zh', messages: { 'zh': require('../asset...

2019-08-27 15:11:50 2536

原创 js中new Date()接收的参数格式详解（Date对象带参数初始化）

js中new Date()接收的参数格式详解（Date对象带参数初始化）1、用整数初始化日期对象new Date(2017,06,06).toLocaleDateString(); // "2017/7/6"new Date(2017,1,1).toLocaleDateString(); // "2017/2/1"new Date(2017,1-2,01).toLocaleDateStri...

2019-08-23 11:17:24 7536

原创网页实现中英文切换方式对比与实现

一、使用谷歌/微软的翻译API优点：只须调用接口，即可轻松完成整站翻译，翻译准确度还好。缺点：谷歌被墙了，使用意义不大；微软的收费。参考：http://code.google.com/apis/language/translate/overview.html注：网上很多的使用微软API的方法，现在已经无法实现。二、借助i18n插件，自己编写中英文对照表，用js控制...

2019-08-16 15:06:38 10917

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

源码地址安装 vue-i18nnpm install vue-i18n --save-dev新建中英文对照文件// zh.jsmodule.exports = { language: { name: "中文", current: "当前语言" }, navbar: { home: "首页", about: "关于我们", ...

2019-08-16 14:39:59 2993

原创 vue项目中使用AES实现密码加密解密（ECB和CBC两种模式）

区别ECB：是一种基础的加密方式，密文被分割成分组长度相等的块（不足补齐），然后单独一个个加密，一个个输出组成密文。CBC：是一种循环模式，前一个分组的密文和当前分组的明文异或或操作后再加密，这样做的目的是增强破解难度。（不容易主动攻击，安全性好于ECB，是SSL、IPSec的标准）代码实现先安装 crypto-jsnpm install crypto-js --save...

2019-08-12 14:56:09 3446

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

结论：更新DOM的时候会出现性能问题（复用）会发生一些状态bug为什么要用key？key 的特殊属性主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用 key，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。总...

2019-08-02 18:44:11 11013

艾欢欢的博客