TonyStudio

我们在做项目的时候，通常会将页面拆分为无数个小组件（function components or class components），如果是小型项目，可能性能问题还不太明显，但如果是大型项目，比如交易所，需要极致的响应速度和性能，那么性能优化是逃不掉的，可能在不经意的情况下会造成多个组件多次重复触发重新渲染，会给浏览器造成较大的负担，用户体验也会下降。

如果需要一次调用很多合约请求的话，直接通过rpc请求会等很久，我们可以通过Multicall.js来batch rpc请求为一个rpc，这样可以节省时间。

macVim的配置。

I’m currently working a lot with React which is a nice change of scenery. Coming from Angular I’ve had to learn quite a frew things about the framework while I was able to re-use basic web development skills (HTML, (S)CSS, JavaScript/TypeScript) and transfer concepts like component-orientation.

我目前正在大量使用React，这是一个很好的场景切换。由于Angular背景，我不得不学习很多关于框架的东西，同时我能够重用基本的Web开发技能（HTML、(S)CSS、JavaScript、TypeScript），并转换一些概念，比如组件化。

这是币安的关于NFT质押的一个文章，它有提供中文版本和英文版本，我这里将英文贴出来并进行自己练习翻译，学习英语，感兴趣可以直接跳到最下面直接去看原文。

最近有做NFT相关项目，也涉及到NFT的质押，对这块很好奇，通过学习英文的方式能得到一些更多的名词，比如Yield Farming 流动性挖矿，HODL长期持有，很有趣。

有一个东西可能会多个人同时去改，没法从源头上解决，还是需要使用脚本的方式去定时备份。正好手头有树莓派，可以将这个任务交给树莓派，每天定时去备份，也不用人去介入，全自动~

我们开发h5页面的时候可以直接在电脑上用浏览器的“响应式设计模式”来模拟h5页面来进行开发。但这只是模拟，如果复杂应用的话在真机上会有意想不到的问题，而真机上我们又无法用开发者工具去调试，出现的问题就变成了一个黑盒，debug起来很棘手。

正好Firefox的移动版是有一项”通过远程usb调试“的选项，那么我们可以看看如何用pc上的Firefox和移动Firefox连接来调试h5页面。

最近业务需要，重新开始整起了three.js，之前的three.js的使用还是在2018年，现在重新使用感觉有了区别，所以现在算是重新拾起，做个记录。

之前也使用过swiper，但现在我们可以在angular中可以更好的使用angular方式使用swiper。

我们在开发的时候为了方便会引用很多第三方库来便捷的开发我们的应用，但是打包部署的时候发现dist文件特别大，那我们怎么知道是哪个库或哪个模块占用了多少的资源？我们可以用webpack-bundle-analyzer来辅助分析包的大小组成。