audio 可视化

audio、audio visualization、可视化、音乐韵律可视化

在某些移动设备上,可能不能查看到效果,可以在电脑上的浏览器尝试。

注意

我们可能好奇某些音乐播放器,那些跳来跳去的韵律图是怎么做出来的,点击下面👇的播放按钮播放音乐,查看 audio 可视化。

您的浏览器不支持 canvas 继续阅读“audio 可视化”

入门 typescript

typescript、看房、体检

2019-10-31

并非所有的酸浆都能吃,而栽培最为广泛、市场上最常见的种类是灯笼果P. peruviana,原产哥伦比亚、厄瓜多尔和秘鲁的高海拔地区。这个种的果实成熟时是黄色的,灯笼的外衣在上市时通常已经有些枯萎,状如草纸。

https://www.guokr.com/post/708439/

乱语:小时候玩的一种植物和灯笼果极度相似,但是从来没有吃过,不知道是不是灯笼果?灯笼果吃起来有奶味。

2019-10-30

Top modern browsers already support ES6 modules. This is great news from the unit testing perspective. A browser can natively load and test project sources without transpiler.

https://medium.com/dailyjs/running-mocha-tests-as-native-es6-modules-in-a-browser-882373f2ecb0

乱语:直接在浏览器里就能运行 mocha,跑测试用例,这个有点酷哦。话说你们团队需要写测试用例吗?

继续阅读“入门 typescript”

借钱

借过钱给别人的都知道,钱不好借,除了可能收不回本,还有其它诸多麻烦。我的借钱经验不算丰富,还是要硬来谈一谈这种麻烦事。

话说钱这种东西,人见人爱,但是很少人能意识到本质其实是信用。老板相信你的工作能力,给你支付工资;你相信高铁可以送你回家,你支付车票;你相信这篇文章所言不假,才会造成你的赞赏行为。回到借钱上来,我自是相信对方的为人和履约能力才借钱给对方。

我们知道,钱的本质是信用,很多问题就会迎刃而解,没信用就会没钱。

继续阅读“借钱”

公众号月总结:欢迎胡喵呜到家

6 月大事记:胡喵呜到家(绝育,洗澡)、仿真工作基本完成(node,d3)、嵌入式开发、香港大屿山旅游

2019-06-30

2019-06-29

在我心情最沉重的时候,有一些通达世事的好心人告诉我,猫们有一种特殊的本领,能知道自己什么时候寿终。到了此时此刻,它们决不呆在主人家里,让主人看到死猫,感到心烦,或感到悲伤。它们总是逃了出去,到一个最僻静、最难找的角落里,地沟里,山洞里,树丛里,等候最后时刻的到来。

https://www.ruiwen.com/wenxue/jixianlin/200623.html

摘自季羡林《老猫》 继续阅读“公众号月总结:欢迎胡喵呜到家”

你真的懂保险吗?

缺失 9 天

2019-03-31

CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flexbox which is largely a 1-dimensional system.

https://css-tricks.com/snippets/css/complete-guide-grid/

乱语:参加完第五届 css 大会,感觉整个世界都在说 grid 布局,我至少落后了 2 年继续阅读“你真的懂保险吗?”

最小生成树 kruskal 算法 js 实现

本站以前有一篇文章提到了 prim 算法的实现,具体点这里,我写了完整的示例,和优化版的 prim 在时间上的对比。现在我们来看另一种思路:Kruskal。

话不多说,先看实际效果和结论。在 1k 个节点里,lazy prim 耗时在 4s 左右,优化后的 prim 在 900ms 左右,而更高效的 Kruskal 在 600ms 左右。测试的前提条件是基于我的电脑硬件配置和 1k 个节点的完全稠密图。

要实现高效的 Kruskal 算法,需要基于高效的并查集数据结构,但是并查集我们不在这篇文章里谈及,我们主要谈谈 Kruskal 的思路。

继续阅读“最小生成树 kruskal 算法 js 实现”

最小生成树 prim 算法的 js 实现

最小生成树 prim 算法的 JavaScript 实现

说明:以下示例请在较新的浏览器中查看,因为用了 class 语法。

写这篇文章的缘起

在 pcb 设计中,有一种东西叫飞线,他的生成原理主要就是使用了最小生成树算法。最小生成树是什么效果,可以看下面的例子。想知道飞线的具体应用可点击这里。工作中有用到,那必须得学习。

飞线也称跳线,是指印刷电路板上因设计缺陷、测试目的或是其他设计考量,将电路板上的两个节点直接用电线连通的一种方法。

维基百科
继续阅读“最小生成树 prim 算法的 js 实现”

vs code 怎么使用 .editorconfig

项目文件夹里包含一个 .editorconfig 文件解决了我很久的一些困扰,比如删除行末的空格、缩进使用 tab、tab 的宽度是 2 个空格、文件最后新增空白行。这是一个很棒的创意,推荐大家使用这个。

先再 vs code 安装一个插件,地址在这里

再新建一个 .editorconfig 文件,写上一些规则,如:

# 针对所有文件
[*]
# 使用类 unix 的换行符
end_of_line = lf
# 新增最后的空白行
insert_final_newline = true

就这么简单,可以使用了。如果大家有代码洁癖,估计就能理解我上述的规则以及为什么要这么做。

参考链接

出国读书,从开始到结束

开头

这是一篇拖欠了两个月的文章,内心一直在找借口再缓缓,等我对国外生活的怨恨少一点,再少一点时,动笔。这样我就不是在情绪中写字。

谈我自己的留学生活前,我想先粗略谈点这一切的源起。 继续阅读“出国读书,从开始到结束”