摘要: 通过chrome的Perfermance工具记录程序性能,切换到帧模式,点开其中一帧,看详情,中间为紫色的区块代表Layout,右上角带有红色三角的为警告,是chrome告知的强制同步布局,即FSL。点击这个区块,可以看到下面的面板中有详细信息,有函数调用栈,可以看到哪一行触发了FSL,点击其中的链 阅读全文
posted @ 2018-02-06 23:48 全玉 阅读(655) 评论(0) 推荐(0) 编辑
摘要: 1.耦合 一个模块依赖于另一个模块,就是两个模块之间有耦合,简而言之,依赖就是耦合 模块间的耦合度是指模块之间的依赖关系,包括控制关系、调用关系、数据传递关系。模块间联系越多,其耦合性越强,同时表明其独立性越差。降低模块间的耦合度能减少模块间的影响,防止对某一模块修改所引起的“牵一发动全身”的水波效 阅读全文
posted @ 2018-02-06 11:32 全玉 阅读(1163) 评论(0) 推荐(0) 编辑
摘要: RAIL 是一种以用户为中心的性能模型。每个网络应用均具有与其生命周期有关的四个不同方面,且这些方面以不同的方式影响着性能: TL;DR 以用户为中心;最终目标不是让您的网站在任何特定设备上都能运行很快,而是使用户满意。 立即响应用户;在 100 毫秒以内确认用户输入。 设置动画或滚动时,在 10 阅读全文
posted @ 2018-02-06 10:45 全玉 阅读(468) 评论(0) 推荐(0) 编辑