TonyStudio

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来辅助分析包的大小组成。

我们常用flex来设置左侧固定宽度，右侧弹性宽度的布局。只要设置左侧固定宽度的flex-basis就没多大问题。但是最近在探索的一个布局是右侧固定，左侧不固定，而且弹性区域内部又有markdown转换的html，发现设置flex-basis和flex-shrink都没用，弹性盒子是父盒子的宽度，右侧固定的区域被挤出父盒子了都。很头疼。最后将min-width: 0加在左侧的弹性盒子上就OK了，但这是为啥？

尝试在Ionic&Angular项目中创建一个密码输入框的组件。跟我们在移动端输入密码的行为类似，输入框的右侧有一个眼睛的图标，点击图标就可以显示或隐藏密码。