奇怪的知识又增加了

1.关闭当前页

关闭当前页面（窗口）

一般使用

window.opener = null;
window.open("", "_self");
window.close(); 

现在新版本的Firefox和chrome不支持关闭当前页面

如果非要有这种操作，就当是Firefox和chrome浏览器的时候设置当前页为空白页

let userAgent = navigator.userAgent;
if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") !=-1) {
   window.location.href="about:blank";
} else {
   window.opener = null;
   window.open("", "_self");
   window.close();
}});

2.cookie

已知相同域名下cookie可以共享,域名有父级和子级，比如

a地址：http://ekptest.junfagroup.com:8080/login.jsp 
b地址：http://hrtest.junfagroup.com/#/

这两个地址的父级域相同

a地址中cookie如下

image.png

业务场景 a地址单点到b地址

b地址需要共享a地址的cookie，去判断用户

在这种父级域名相同的情况下，LtpaToken设置的domain为父级域名的情况下，b地址就可以取到 cookie中的LtpaToken，然后解析用户，登录解决问题

3.input框的placeholder文字在iOS中显示不完整的解决方法

开发过程中发现 在ios中 input 框placeholder文字显示不全，样式如下

image.png

解决办法:

input普通样式和placeholder样式需要同时设置fontSize,并且普通样式的font-size比placeholder大。

4.webpack打包图片

一般webpack打包图片时，会将小图片进行base64转码

base64就是一串字符串码表示的图片，在加载页面和js时一块加载出来，减少了加载图片时的http请求。加载一张图片时会发起一次http请求，http请求每次建立都会需要一定的时间，对于加载一张小图来说，下载图片所需的时间会比建立http请求的时间要短，所以对小图进行base64转码是优化http请求，保证页面加速渲染，加快页面加载速度。

      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000, //图片大小限制 单位b
          // 小于limit就会转成base64,大于limit会转成路径
          name: utils.assetsPath('img/[name].[hash:7].[ext]'),
        },
      },