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如下
业务场景 a地址单点到b地址
b地址需要共享a地址的cookie,去判断用户
在这种父级域名相同的情况下,LtpaToken设置的domain为父级域名的情况下,b地址就可以取到 cookie中的LtpaToken,然后解析用户,登录解决问题
3.input框的placeholder文字在iOS中显示不完整的解决方法
开发过程中发现 在ios中 input 框placeholder文字显示不全,样式如下
解决办法:
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]'),
},
},