摘要： "详细的demo" flex 复合属性。 设置或检索弹性盒模型对象的子元素如何分配空间。 如下情况每个元素的计算宽是多少 将容器的宽度改成1500px flex grow b,c将按照1:3的比率分配剩余空间 flex shrink a,b,c将按照1:1:3的比率来收缩空间 flex basis 阅读全文

摘要： 列出目标目录中所有的子目录和文件。 常用参数： 列出 文件夹下的所有文件和目录的详细资料 列出当前目录中所有以“t”开头的目录的详细内容： 只列出文件下的子目录 列出目前工作目录下所有名称是s 开头的档案，从老到新排序： 列出目前工作目录下所有档案及目录; 目录于名称后加"/", 可执行档于名称后加 阅读全文

摘要： 使用webGL来创建3D程序 使用CSS3来创建3D效果 webGL和CSS3都是使用GPU来实现3D实时渲染，叫硬件渲染。 软件渲染也就是使用canvas API来渲染 3D 的效果。 webGL渲染过程： 3D坐标系统 perspective(透视、景深) perspective的作用是确定物体 阅读全文

摘要： 万有引力 任意两个质点有通过连心线方向上的力相互吸引。 该引力大小与它们质量的乘积成正比与它们距离的平方成反比， 与两物体的化学组成和其间介质种类无关。 两个物体之间存在一种引力： 阅读全文

摘要： 动量 动量（Momentum）又称线性动量（Linear Momentum）。 在经典力学中， 动量（是指国际单位制中的单位为kg·m/s ，量纲MLT⁻¹）表示为物体的质量和速度的乘积， 是与物体的质量和速度相关的物理量，指的是运动物体的作用效果。 动量也是矢量，它的方向与速度的方向相同。 动量守 阅读全文

摘要： OOCSS (Object Oriented CSS) 两个原则： 独立的结构和样式 独立的容器和内容 创建OOCSS的关键部分: 创建一个组件库 独立的容器和内容，并且避免样式来依赖位置 独立的结构和样式 使用类名为扩展基本对象 坚持以语义类来命名类名 BEM(Block,Element,Modi 阅读全文

摘要： State state(状态)更新会被合并. 不要直接修改 state(状态) 唯一可以分配 this.state 的地方是构造函数。 setState一般是异步的 setState 可能是异步或同步更新，不能依赖他们的值计算下一个state(状态)。 为何setState可能是同步更新 1. se 阅读全文

摘要： 假设有个斜平面，物体以一定的速度朝着斜面运动，如何取得反弹速度。 所要做的所有事情就是把整个系统包括物体，包括平面全部旋转的平面， 做完反弹处理后，再旋转回去。 这就意味着，需要旋转斜面，旋转物体的坐标，并且还要旋转物体的速度。 反弹后的速度 把整个系统旋转回去，也就是还原整个系统到初始位置 完整过 阅读全文

摘要： 坐标旋转 做圆周运动 只知道中心点(center point)和物体的位置 只有物体的x,y坐标，和每一帧物体旋转的角度。 推导过程一： 推导过程二： 推导过程三： 推导过程四： 如果设置了一个中心点，有物体的x,y坐标，和每一帧物体旋转的角度 阅读全文

摘要： transform translate HTML元素的偏移(左) 与svg的偏移 使用SVG元素自带的transform属性进行变换， 则仅支持 这种用法（缺省使用0代替）， 当多个参数值的时候，可以使用逗号,或者直接空格分隔， 但是不能包含单位 和CSS3的transform一样， SVG中的tr 阅读全文