月份：2019年7月

JavaScript 中 this


Photo by David Marcu on Unsplash

this 所指向的对象与运行时上下文进行绑定，这就会导致在不同的场景下，函数的最终运行结果不一样。但是这种灵活的构造给了函数更多的复用机会。但是 this 所指向的上下文或者说是对象，是在函数调用的时候决定的。但是也无外两个场景—— 在对象外和在对象中。

继续阅读JavaScript 中 this

Angular Flex Layout 进阶

Photo by Shaah Shahidh on Unsplash

大多数情况下，我们往往希望自己的页面是响应式的。除了使用 BootStrap 等CSS 框架，我们还有没有其他选择呢？答案当然是肯定的。作为支持指令的前端框架，Flex Layout 也提供了 Responsive API 帮助我们进行响应式布局。在实际使用中，我们只需在 Static API 后加上断点（breakpoint ）后缀就可以轻松实现一个响应式页面。

何为断点

在 Flex Layout 中，一个断点可以理解为由一个行为+指定页面尺寸=值组成。如 fxShow.lg = ‘true’ 就表明，当页面尺寸为 lg 时，该元素执行 fxShow 这个动作，也就是让该元素隐藏。

下面这个例子中，当页面尺寸为大于 sm 时，这个 div 在主轴方向就会扩展到容器的100%，否则就占50%。

继续阅读Angular Flex Layout 进阶