user5744606076767

在最近的项目开发过程中，需要对项目进行响应式设计,此篇不过多介绍这些用法，主要用于记录媒体查询@media失效的问题。

在前端开发中，我们经常会遇到需要对用户的操作进行响应的场景，例如页面上的按钮点击、输入框内容变化等。为了实现这种响应式的设计， 我们可以使用观察者模式来解耦各个组件之间的依赖关系。

有个项目需要用到IM聊天功能，在向上翻更多聊天记录时，需要将位置固定，也就是加载更多时不要滚动到顶部，也不要跳动、抖动。 尝试了n种方法，终于可以了，这里记录下。

如果一个元素的 flex-basis属性 的值为百分数，且它父级元素（flex容器）在主轴方向上的尺寸没有被显式设置，此时 flex-basis 的值会被解析为 content。

嵌套的flex容器，子flex的高度会超过父容器高度，并导致父容器高度变大。 效果如下，可以很明显的看到， 顶层节点App的高度是正常的，但是content却被子容器给撑开了。 其中App作为最外层，是个定高的flex box。 title和content title也是定高的…

本文旨在给前端同学在进行nodejs服务端项目的架构设计时提供一些基本思路及常见场景的解决方案。开发node服务本质上属于服务端开发的范畴，但由于今时今日nodejs开发各种应用的普及、前端工具链向服务端的延伸等，对前端同学全栈开发能力的要求也日渐提高，故写下此文。由于服务端开…

看目录结构清晰明了，由于“ CSS 文件分离 != CSS 作用域隔离”这样的机制，如果我们不通过一些工具或规范来解决 CSS 的作用域污染问题，会产生非预期的页面样式渲染结果。 假设我们在组件 A 和组件 B import 引入 comA.css 和 comB.css。 随着…