2020-06-29 html的禁止打印 + css的BFC与IFC + JS浮点运算的精度问题 + 项目复盘

2020-06-29 题目来源：http://www.h-camel.com/index.html

[html] 能否做到禁止打印页面？如果可以那要怎么做？

禁止打印实现困难，可以设置当用户打印页面时得到的页面内容为空。
<style>
    @media print { body { display: none; } }
</style>

效果差强人意。

[css] BFC与IFC有什么区别？

BFC（Block Formatting Context）叫做“块级格式化上下文”。BFC的布局规则如下：

1.内部的盒子会在垂直方向，一个个地放置；

2.盒子垂直方向的距离由margin决定，属于同一个BFC的两个相邻Box的上下margin会发生重叠；

3.每个元素的左边，与包含的盒子的左边相接触，即使存在浮动也是如此；

4.BFC的区域不会与float重叠；

5.BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之也如此；

6.计算BFC的高度时，浮动元素也参与计算。

Inline Formatting Context的缩写就是IFC。行内格式化上下文。

在IFC中，每个框都是一个接一个地水平排列，起点是包含块的顶部，水平方向上的margin、border、和padding在框之间得到保留。框在垂直方向上以不同的方式对齐，通过vertical设置。框的每一行称为行框。 行框的宽度由它的包含块和其中的浮动元素决定，高度由line-height决定。

如果几个行内框（宽度超出行框）在水平方向无法放入到一个行框中，那么它们将可能被分割成多个行框，来包含这些行内框，每一行就是一个行框。另外也有可能由于双向文本的处理而将一个行框分割成多个行框。 如果一个行框不能被分割（比如行内框只包含单个字符，或被设置成不允许换行等），那么行内框将会溢出。 在分割处不会运用margin、padding、border等属性。

来自：

https://blog.csdn.net/qq_34629352/article/details/82229414

https://blog.csdn.net/liu_jiachen/article/details/78631716

[js] 如何避免JS浮点运算的精度问题（例：0.1+0.7=0.7999999999999999）

为了避免产生精度差异，我们要把需要计算的数字乘以 10 的 n 次幂，换算成计算机能够精确识别的整数，然后再除以 10 的 n 次幂，大部分编程语言都是这样处理精度差异的，我们就借用过来处理一下 JS 中的浮点数精度误差。 function add(a, b) { if ((typeof a != "number") && (typeof b != "number")) { return; } return (a1000 +b1000)/1000; }

add(0.1, 0.7); // 0.8

[软技能] 做项目复盘时，是如何复盘的？都复盘哪些内容呢？

1. 回顾目标： 项目目的？ 结果目标衡量？ 项目计划？ 关键点？
2. 评估结果： 评估关键点和里程碑，达成情况？ 找出亮点？ 找出不足？
3. 分析原因： 成功因素 失败因素 清晰描述问题
4. 总结经验
5. 复盘文化

总结自知乎： https://zhuanlan.zhihu.com/p/104393174