2016年10月8日，我们家迎来了一只小刺猬，老婆给他取名小十六，寓意十五的月亮十六圆，希望他长得胖胖圆圆的。
小十六天性胆小怕人，尽管我们做了很多努力，但始终未能与其建立起信任的羁绊，每次与他玩耍，都要扎刺很久才能平息舒展开来。
2019年2月春节期间，由于疏于照料，小十六在饥寒交迫中永远的离开了我们…
小十六初入家门的时候，真的像是迎接一个孩子的到来一样，为了给小十六打造一个完美的居住环境，我参考网友的方案设计了一套双刺箱，3D建模，然后导出图纸给当地的工厂加工，最后组装板材、装修、通电。虽然这件事曾让我骄傲无比，但直到小十六去世后我才明白这个道理：
真正对他的爱，不是将其囚于牢笼中，而是赐予它自由。
本文写于研究生期间，为选材给刺猬做箱子而查阅了这些资料。
高分子材料也称为聚合物材料，是以高分子化合物为基体，再配有其他添加剂（助剂）所构成的材料。按用途一般将通用高分子材料分为五类，即塑料、橡胶、纤维、涂料和黏合剂。高分子材料的详细分类如下图所示，其中，塑料、合成纤维、合成橡胶并称三大合成材料。
本文写于2016年在武汉精伦电子实习期间。
非接触式IC卡又称射频卡，由IC芯片、感应天线组成，封装在一个标准的PVC卡片内，芯片及天线无任何外露部分。是世界上最近几年发展起来的一项新技术，它成功的将射频识别技术和IC卡技术结合起来，结束了无源（卡中无电源）和免接触这一难题，是电子器件领域的一大突破。卡片在一定距离范围(通常为5—10cm)靠近读写器表面，通过无线电波的传递来完成数据的读写操作。
CSS Grid 布局是 CSS 中最强大的布局系统。与 flexbox 的一维布局系统不同，CSS Grid 布局是一个二维布局系统，也就意味着它可以同时处理列和行。通过将 CSS 规则应用于 父元素（成为 Grid Container 网格容器）和其子元素（成为 Grid Items 网格项），你就可以轻松使用 Grid 布局。
Flexbox 布局（也叫Flex布局，弹性盒子布局）模块（ W3C 候选推荐，截止到2017年10月）旨在提供一个更有效地布局、对齐方式，并且能够使容器中的子元素大小未知或动态变化情况下仍然能够分配好子元素之间的空间。
Flex 布局的主要思想是使父容器能够调节子元素的宽度/高度（和排列顺序），从而能够最好地填充可用空间（主要是为了适应所有类型的显示设备和屏幕尺寸）。flex布容器能够放大子元素使之尽可能填充可用空间，也可以收缩子元素使之不溢出。
最重要的是，flexbox布局与方向无关，不同于常规布局（基于垂直的块（block）和基于水平的内联（inline））。 虽然传统布局适用于页面，但它们对于大型或复杂的应用程序布局来说缺乏灵活性（特别是在改变方向，调整大小，拉伸，收缩等方面）。
Flexbox布局最适合应用程序的组件和小规模布局，而 Gird 布局则适用于较大规模的布局。
Flexbox 布局（国内很多人称为弹性布局）正式的全称为 CSS Flexible Box 布局模块，它是CSS3新增的一种布局模式。它可以很方便地用来改善动态或未知大小的元素的对齐，方向和顺序等等。flex容器的主要特性是它可以调整其子元素的宽度或高度去填充可用的空白区，以最优的方式达到兼容不同屏幕大小。
很多设计人员和开发人员发现使用Flexbox来布局很容易，可以使用更少的代码，更简单的方式实现更复杂的布局，也使整个开发过程更为简单。Flexbox布局算法不同于那些基于垂直或水平的块或内联布局。Flexbox布局应该用于小的应用程序组件之中，而新的CSS 网格布局模块正在兴起，来处理大规模布局。
本指南将以可视化的方式重点介绍 flex 属性是如何影响布局的，不是解释 flex 属性是如何工作。