摘要：
组件的单一职责 原则上讲，组件只应该做一件事情。但是对于应用来说，全部组件都拆散，只有单一职责并没有必要，反而增加了编写的繁琐程度。那什么时候需要拆分组件，保证单一职责呢？如果一个功能集合有可能发生变化，那么就需要最大程度地保证单一职责。 单一职责带来的最大好处就是在修改组件时，能够做到全在掌控下， 阅读全文
摘要：
JSX实现条件渲染 渲染一个列表。但是需要满足：列表为空数组时，显示空文案“Sorry，the list is empty”。同时列表数据可能通过网络获取，存在列表没有初始值为 null 的情况。 最简单的方式：三目运算 const list = ({list}) => { const isNull 阅读全文
摘要：
响应式框架基本原理 响应式或数据双向绑定的框架，直观上，数据在变化时，不再需要开发者去手动更新视图，而视图会根据变化的数据“自动”进行更新。 在这个过程中，我们需要： 收集视图依赖了哪些数据 感知被依赖数据的变化 数据变化时，自动“通知”需要更新的视图部分，并进行更新 这个思考过程换成对应的技术概念 阅读全文
摘要：
响应式布局适配方案 传统 float 浮动布局 知识储备：侯策《前端开发核心知识进阶》读书笔记——html与css要点 可以看出来，这种实现方式比较传统，且能力较弱。 相对单位布局 css中相对的布局单位有以下几种：em、rem、vh、vw、vmin、vmax、%、calc() em 相对于当前元素 阅读全文