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