JavaScript 中的 This

Photo by sydney Rae on Unsplash

this 所指向的对象与运行时上下文进行绑定,这就会导致在不同的场景下,函

数的最终运行结果不一样。但是这种灵活的构造给了函数更多的复用机会。

this 所指向的上下文或者说是对象,是在函数调用的时候决定的。但是也无外

两个场景—— 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 进阶