2019年08月_SiaEyre

原创 360浏览器内核指定

浏览器默认内核的指定只需在head标签中添加一行代码即可：若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit">若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp">若页面需默认用ie标准内核，增加标签：<meta name="rende...

2019-08-29 15:56:43 953

原创 Vue中动态引入本地路径报错

问题：HTML中代码：<img :src="item.image" width="20px" height="20px" />data中数据 item: { id: 1, name: "哈哈哈", image: "../../assets/browser/Chrome.gif", },...

2019-08-29 15:54:56 677

原创 Vue使用crypto-js时报错TypeError: Object(...) is not a function

控制台报错如下：原因：引入Encrypt时方式错误，少加了{}正确形式：import { Encrypt } from "../plugins/encoder";

2019-08-15 14:02:31 11442

原创 Vue cli3兼容IE配置及报错SCRIPT1003: 缺少 ':'，SCRIPT5009：Plugin未定义

因为IE浏览器不能识别es6语法，需要安装babel-polyfill插件首先，安装babel-polyfillnpm install babel-polyfill在babel.config.js中配置module.exports = { presets: [ '@vue/app', [ '@babel/preset-env', {...

2019-08-08 10:58:53 8875 7

原创 'cross-env' 不是内部或外部命令，也不是可运行的程序或批处理文件。

启动项目提示：'cross-env' 不是内部或外部命令，也不是可运行的程序或批处理文件。执行 npm install 下载依赖初始化即可

2019-08-08 10:38:50 48384 4

原创实现ctrl、shift、alt单独键盘事件，并且与组合键不冲突

实现ctrl、shift、alt单独键盘事件，并且与组合键不冲突keydown(){ if (event.ctrlKey && !event.shiftKey && !event.altKey) { //do something } if (event.altKey && !event.shif...

2019-08-07 21:04:56 1207

原创 axios请求拦截器--token验证

需求描述如下：新用户首次访问页面时，未携带token 接口访问成功后，后端返回一个token值，前端需要在之后每次访问时携带token，去请求接口 vue cli具体做法是，在第一次调用接口成功后，将token存入到localStorage中，同时，添加请求拦截器，在以后每次访问时携带token。在mian.js中配置// 添加请求拦截器axios.interceptor...

2019-08-04 17:48:02 3535

原创 img元素实现图片裁切放大

代码如下：在img元素外面包裹一层div与img元素等宽等高，设置绝对定位，并相对于外层div居中在包裹img元素的div外面再套一层div，宽高为需要展示的宽高，设置超出部分隐藏<div class="wrapper"> <div class="imgwrapper"> <img src="./img/a1.pn...

2019-08-04 17:28:43 3332

SiaEyre