7月24日打卡，今日学习《前端优秀实践不完全指南》：
1. 充分考虑布局
一般有两种布局方式：全屏布局和定宽布局。定宽布局很简单，只需确定宽度后设定剧中即可。现代网页更多为全局布局，可以根据客户端分辨率大小自行调整缩放，一般使用flex布局完成。Footer的布局也有很多方式，本文作者推荐使用flex布局实现。

2. 处理动态内容，解决文本超长
当展示从后端发送过来的数据时，要谨慎，说不定返回过来的文本就会超长，超出显示范围。因为无法控制后端的数据，就只能在布局上进行打点，进行限制，常用方法是将超出部分显示为省略号。

{
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

3. 处理动态内容， 保护边界
当一个容器，比如按钮要存放的字符串长度不同时，无法确定一个统一尺寸，此时借助padding就可以很好的完成自适应。
展开
前端优秀实践不完全指南
juejin.cn
好文推荐
评论
相关推荐