预发环境下有些样式在手机上看还是有所不同，老是发版调试也很麻烦，whistle相当于手机端的f12，可以方便的调试前端样式，除此之外还有很丰富的功能 这个常用功能有空可以瞅瞅 配置要点 代理无所谓开不开，系统的防火墙必须关上，chrome需要手动信任安全证书 才能抓上https进行转发代理，不然就4

PingFang Medium.ttf字体包太大了，但是除了英文和数字基本其他都用不上，需要压缩下字体包 背景：PingFang Medium.ttf字体包太大了，但是除了英文和数字基本其他都用不上，需要压缩下字体包 使用font-spider： 将需要的文字压缩成一个包 奇怪的点： 在react项

新同事提出一个问题，为什么父组件传props到子组件，父组件中属性值是onMounted中通过接口异步获取的，子组件获取不到，得用watch监听prop变化，我看了他的代码，发现是ref和toRef、toRefs使用上的问题 想要实现的功能想要实现的功能父组件传prop给子组件，子组件v-for用列

对接公司的工具箱时需要将大批量数据分配传输 工作场景websocket不适合传大批量数据，所以需要分批send，比如将大量数据分割为最多20一批，也就是要将一个含有大量数据的数组按一定大小切分为多个满足条件的数组 解决方法可以通过while搭配splice实现大批量数据的数组分割 例子： 12345

新同事问了我一个有趣的问题，可以反映出控制台log数据的不断更新和axios拦截器的特性 console.log的推荐使用方法 console.log可参考MDN 不要使用 console.log(obj)，大多数浏览器会提供一个随着值的变化而不断更新的实时视图 应该使用 console.log(J

google-site-verification: google5b7cd86cfc94af70.html

作者： HLZ 出处： http://huanglizhu.github.io/ 邮箱： 651526410@qq.com 本文基于 知识共享署名-相同方式共享 4.0 国际许可协议发布，欢迎转载、演绎,但是必须保留本文的署名 HLZ及链接。