Found Pan Tiger Weekly #9

2021/05/08 17:47

见闻

没炸!马斯克的星舰飞船这次试飞成功了!

热烈庆祝星舰SN15升空着陆成功。


垄断的困境(上)

垄断的困境(下)

赤潮AKASHIO年度巨献!全文61000字,阅读时间153分钟


地球改变之年 The Year Earth Changed

当人类暂停下来,地球得以再次呼吸。


10000%榨干机能!雅达利2600最强画质游戏长什么样?

雅达利2600发售于1977年,那时就已经有多重卷轴、地图生成、检查点等游戏创新。

视频09:15,最早的游戏成就勋章:玩家通关后拍照,寄给动视,动视寄回布制勋章。


Hosting SQLite databases on Github Pages
(or any static file hoster)

  • 使用HTTP Range request指定访问一个大文件的一小部分。
  • 使用emscripten将SQLite编译到wasm,从而在浏览器中加载。
  • 实现了一个中间层,SQLite认为自己在读写文件,但实际上是浏览器在发送接受HTTP请求。
  • 通过惰性加载,缓存索引等方法,减少HTTP请求次数。
  • 通过修改SQLite的page size参数,减少每次HTTP请求的体积。
  • 还可以使用SQLite FTS模块进行全文搜索。
  • 额外的功能:用SQL查询和修改DOM

The File System Access API: simplifying access to local files

Google’s File System Access API is not a standard

Chrome 86开始支持一种文件访问API,经过用户授权后,可以读写用户硬盘上指定的文件和文件夹。在没有这个API之前,需要将文件放到内存中再进行处理。

目前还不是W3C规范,只有Chromium内核的浏览器支持。


Presentation Slides for Developers

一个用Markdown制作PPT的工具。作者是@Anthony Fu


https://twitter.com/denicmarko/status/1387351831806947329

JavaScript tip:

Use the dataset property to access the element's custom data attributes (data-*):

<div id="user" data-name="John Doe" data-age="29" data-something="Some Data">
  John Doe
</div>

<script>
  const user = document.getElementById('user');
  
  console.log(user.dataset); 
  // { name: "John Doe", age: "29", something: "Some Data" }
  
  console.log(user.dataset.name); // "John Doe"
  console.log(user.dataset.age); // "29"
  console.log(user.dataset.something); // "Some Data"
</script>   

neo.mjs - The webworkers driven UI framework

改框架让开发者无需关系WebWorker之间的通信,也能制作出利用多线程的Web App。

折腾

把NAS的系统从Arch Linux换成了黑群晖。

黑群晖英文名xpenology,下载镜像后写入U盘,再修改引导配置文件,将U盘的vid和pid填上,插上电脑就可以启动安装了。

还是之前的5个8T硬盘连接到SATA2接口,和一个128G固态硬盘连接到SATA3接口,使用SHR2阵列(类似RAID6),最终可用容量21.82TB。

速度比我之前配的LVM RAID6 + bcache要快一些,易用性就不提了,真香!


将前几周学习WASM的经验写成了一篇文章:WASM #0