我们的手机屏幕是二维的，但是我们展示物体的世界是三维的，当我们在构建一个物体的时候我们是以一个三维世界既是世界坐标来构建，而转化为屏幕坐标展示在我们眼前，则需要经历多道矩阵变化，中间webGL替我们操作了许多事情。

在自己做的一个小玩意中，发现要从3dMax中导出js文件供给threeJS使用，真是太多坑了！所以打算详细记录一下方法，好像开发会3dMax的比较少，但是至少可以帮助开发与美工更好的沟通与交流。在文末，我会附上一个可加载的js模型,方便学习~

A-Frame是Mozilla 开源 web虚拟现实框架，他能够非常方便的创建VR视口，载入部分格式的模型，设置照相机等，这为对计算机图形学不是很了解的同学，减轻了好多负担。我分别用了threeJS和A-Frame.js做了两个小项目，全英文文档看的好累，就顺便翻译了部分文档，之后会分享threeJS与模型导出与加载的一些坑。

正常流中，块级元素框的水平部分 = 其父元素的width = margin-left+margin-right + padding-left+padding-right+ border-left+border-right+自身width

页面(文档树)可以想象成是由一个个的Box组合而成的，而视觉格式化模型(Visual formatting model)是一套规则，将这些框布局成访问者看到的样子。

构建css3动画的属性很简单，总的来说只有transform（变形），transition（过渡），和animation（动画）这三种。所以这里，更少的从介绍语法的角度，而是从使用的角度来介绍css3动画具体的每一个属性的用法写法，推荐见CSS3动画手册

在项目开发过程当中，我们常常需要引用他人已经开发好的包，比如React，Webpack, angular等等，而npm就是一个用来管理（安装，查看，更新，卸载...）这些包的工具。你也可以上传你的包，和使用公共的包，可以到npm官网查看详细信息。

块级元素 如果该兄弟元素是块等元素，块级元素会无视浮动元素，并且一定程度的覆盖浮动元素， 文本是属于行内匿名元素，所以会浮动在内联元素周围，实际div已经尝试了覆盖 会在元素换行上有疑问，或许你还会想着通过宽度来解决这个换行问题