前端每日问题 - day4

通过精灵图设置的图标，如何调整图标的大小而图标内容依旧保持不变？

在解决这个问题的时候，首先需要知道精灵图其实本质上是为了降低服务器请求压力将很多图标集中到一张图片上，我们使用图标的过程就是通过截图背景图指定位置的指定宽高的icon。在这个基础上，我们只需要根据想要设计的图标大小，等比例设置背景图的大小即可，通过background-size即可设置。

比如正常截取的home图标：img.home { width: 22px; height: 22px; background: url(/images/img_navsprites.gif) -45px 0; background-size: 66px 22px; background-repeat: no-repeat; }

想要放大图标，就需要等比例放大背景图片，同时等比例改变背景偏移量，避免截取错误！

img.home { width: 44px; height: 44px; background: url(/images/img_navsprites.gif) -90px 0; background-size: 132px 44px; background-repeat: no-repeat; }

Effect 在组件挂载时运行了两次?

在开发环境下，如果开启严格模式，React 会在实际运行 setup 之前额外运行一次 setup 和 cleanup。

这是一个压力测试，用于验证 Effect 的逻辑是否正确实现。如果出现可见问题，则 cleanup 函数缺少某些逻辑。cleanup 函数应该停止或撤消 setup 函数所做的任何操作。一般来说，用户不应该能够区分 setup 被调用一次（如在生产环境中）和调用 setup → cleanup → setup 序列（如在开发环境中）。

灵光一闪 :

如何爬取手机app数据？

使用fiddler抓包工具抓取数据！