js函数多参数、默认值写法。
基础，但总是执笔忘，以前总去查自己的旧blog...那在这边再写一遍。
function mFun(){
var arg1 = arguments[0]?arguments[0]:1; //参数1, 默认值1
var arg2 = arguments[0]?arguments[0]:false; //参数1, 默认值 false
if(arg2)
return arg1;
else
return 0;
}
var a = mFun(); // 0
var b = mFun(3,true); //3
var c = mFun(2); //0
备忘，以前总是用图片素材来实现
效果如图（直男审美，未优化）
完整的源码DEMO
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>CSS气泡</title>
</head>
<style>
body {background: #0086da; }
.mid {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.bubble {
background: #fff;
padding: 11px 14px;
line-height: 1.4rem;
position: relative;
box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
border-radius: 11px;
border:2px solid #999;
}
.bubble::before {
content: '';
background: #fff;
position: absolute;
width: 12px; height: 12px;
right: -8px;
top: 11px;
transform: rotate(45deg);
border-top: 2px solid #999;
border-right: 2px solid #999;
}
</style>
<body>
<div class="mid" style="width: 200px">
<div class="bubble">
对话框风格的气泡<br/>
新起一行
</div>
</div>
</body>
</html>源码解析
HTML部分
<div class="bubble">
对话框风格的气泡<br/>
新起一行
</div>CSS部分
.bubble {
background: #fff;
padding: 11px 14px;
line-height: 1.4rem;
position: relative;
box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
border-radius: 5px;
border:2px solid #999;
}
.bubble::before {
content: '';
background: #fff;
position: absolute;
width: 12px; height: 12px;
right: -8px;
top: 11px;
transform: rotate(45deg);
border-top: 2px solid #999;
border-right: 2px solid #999;
}在 .bubble置入一个同背景色的方块且旋转45度，位移 使其一半外露在泡泡边缘外形成角尖。
注意的两点
选择多，好用，简单，免费，未被墙。讲晒!
...emm，还是简单备忘下集成步骤
添加到head的CDN:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">也可以下载整个插件到本地，但13M，考虑下自己的带宽资源是否合适
然后到
https://fontawesome.com/icons
搜适合的图标，找到合适的就复制网站提供的代码插入，例如
<i class="far fa-heart"></i>效果如下
content的长度限制是2048字节(2kbyte)
这个词条被刷上热搜好几波，我观察到了身边的一些有趣现象，不同角色的人他们站队和态度截然不同。
你问我怎么看？
现在凌晨2:38我刚把今天（误，昨天）的工作做完，你问我怎么看？？？