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 进阶