Attack on Life ⚔️

window.opener并非JS新特性，但有时却被忽视了，这里总结下它的价值

window.opener作用

The Window interface’s **opener** property returns a reference to the window that opened the window, either with open(), or by navigating a link with a target attribute.

即opener赋予了操作另一个文档的能力，当然不是每一个页面都可以。

这种能力还是有用武之地的，举个例子，A页面点击连接打开了B页面，我现在希望B在点击某个按钮时，A刷新，如何实现呢，opener也许就可以。

在实际开发中有时会遇到Maximum call stack size exceeded错误，顾名思义即栈溢出。但认知仅限于此是不够的，这里就针对这个话题总结下。

栈

栈是一种数据结构，特征是后进先出，在JS中函数调用存在A函数调用B函数，B函数又调用C函数的复杂情况，对于多个执行上下文就涉及如何管理，JS引擎就是采用栈来进行管理。

举个例子

1
2
3
4
5
6
7
8
9
10
11
12
13

function sayA() {
  console.log('sayA');
  sayB();
}
function sayB() {
  console.log('sayB');
  sayC();
}
function sayC() {
  console.log('sayC');
  debugger;
}
sayA();

携带物品

• 医保卡用于报销部分花费
• 手机-取号及最终买药支付等
• 身份证以备不时之需

就医全流程

1. 官方微信解放军战略支援部队特色医学中心，在线预约需提前一天预约，不可以当天预约，或者114挂号

   • 推荐114挂号，体验好多了，医院号源等信息也明确以下为二维码链接，微信扫一扫

2. 防控新型冠状病毒诊前必查表填写，地址：http://49.5.12.160/#/questionT?origin=1

   疫情结束后不再需要

3. 在门诊楼，自助机器取号

4. 按照号票提示位置去指定门诊室签到排队

5. 听叫号，去指定就诊室就诊

6. 领取医师开的单据，去门诊楼自助机器缴费，据了解中药需要人工排队缴费

7. 根据缴费清单去取药处领取药物

8. 后续商业保险报销的话，需要门诊楼指定窗口开下发票包含挂号费

个人觉得不合理的地方

margin-top、margin-bottom、padding-top、padding-bottom的值支持百分比设定，而百分比是基于容器即父元素的宽度而非高度来计算的(refer to logical width of containing block)，这点平时容易忽视，这里总结下。

举个例子

1
2
3
4
5
6
7
8
9
10
11
12

.margin-container {
     background: #214177;
     color: #fff;
     width: 600px;
     height: 500px;
   }
   .margin-child {
     width: 200px;
     height: 100px;
     margin-top: 10%;
     background-color: #82a6cb;
   }

如图child的margin-top的高度为60px即600*10%，padding-top类似。

个人习惯，同一类型的软件喜欢多家对比尝试，选择最合适的，然后熟悉，打磨，最终成为这个领域独一无二的生产力工具。比如Surge，会作为网络代理神器，又或者Alfred作为Mac系统搜索入口等。印证了那句话工欲善其事，必先利其器。好软件值得寻找，更值得打磨。

思维导图哪家强，之前一直很纠结，前后也用过很多，最近因为在整理个人技能图，就重新调研对比了下，最终敲定在了mindmaster，这个选择至少短期不会再更换了，这里就Mark下为什么选择它，兴许可以帮助些朋友。

软件对比

• XMind

  • 国产
  • 价格偏贵，388CNY/year
  • 跨平台

• MindMaster

  • 国产
  • 可订阅，可永久买断，680CNY/永久，11.1CNY/Month
  • 跨平台，有Web版
  • 免费版良心，基本功能得到保证

• OmniGraffle

  • 国外
  • 价格贵，124.99USD/Year
  • 跨平台

• MindNote

  • 国外
  • 价格适当，19.99USD/Year
  • 跨平台

综上，权衡了下，最终选择MindMaster，主要是考虑易用性，可以高效出图

MindMaster的优势与不足