Mermaid.js - 一个刚刚好的开源产品
Mermaid.js 凭借一己之力,提升了技术博客内的时序图/类图等 UML 图表的覆盖率。 文档里这句话道出了这个项目的存在意义: There is no explanation like a Good Diagram - 一图胜千言 在 Web…
Read more →Mermaid.js 凭借一己之力,提升了技术博客内的时序图/类图等 UML 图表的覆盖率。 文档里这句话道出了这个项目的存在意义: There is no explanation like a Good Diagram - 一图胜千言 在 Web…
Read more →Toc Bar 一个自用的油猴脚本,在页面中插入一个显示当前内容大纲的浮动组件,可去 greasyfork 下载。 目前适配了一些个人经常访问的网站,主要面向技术阅读,知乎/Medium/devto/github 之类。 ✨Features 使用 tocbot 生成 Table…
Read more →首先在 ~/.gitconfig 中设定如下,注意 gitdir 后面的 ~/work/ 末尾的 / 不能少。 然后这两个文件就可以单独设置一些项目了。 例如 ~/.gitconfig-personal…
Read more →Web Audio 提供了一个基于图的音频处理构建体系,这个系统里的单元为各种音频节点(AudioNode),可模块化连接(modular routing)。这个体系被业界广泛认同多年,有很多成熟的应用和系统,例如 Apple CoreAudio…
Read more →使用 Webpack 构建 Vue 项目时,借助 vue-loader 和 vue-hot-reload-api,我们在开发的时候可以获得很好的组件热加载(Hot Module Replacement)体验。然而 vue-loader 中却没有关于 vuex…
Read more →转换 medium 的一篇文章有列出几种常见命名方式转换的 JS 函数 CamelCase -> kebab-case javascript 使用示例 其中使用了正向前瞻 (positive lookahead),有一些 参考文章 可以学习一下。 kebab-case/snake…
Read more →UltiSnips 不愧为 vim (或乃至所有编辑器)生态下的最佳代码片段解决方案。支持多种常见语法、snippet 添加和管理符合直觉(此处应 cue 一下隔壁对多行文本支持令人垂泪的 vscode)、还有眼花缭乱的 python…
Read more →以下列出在 夺目 产品的开发中,对 WebStorage 和 IndexedDB 使用的一些经验。 WebStorage 存储空间限制 首先,存储分为两种: 临时存储 (Temporary Storage),默认类型,之后可能会被浏览器删除。 持久存储 (Persistent…
Read more →Skia 是 Google 一个开源的跨平台图形库,用于 Android, Chromium, Flutter 等项目。目前项目内有在开发的一个 Skia + WebAssembly 版的 CanvasKit, 可以使用 JS 调用预先编译好的 c++ -> wasm…
Read more →当电脑进入休眠状态,浏览器的一些持久功能会受到影响(例如 WebSocket 连接中断),有时需要在从休眠状态中恢复过来的时候做一些检查和恢复工作。 解决方案 利用计时器 参考 Can any desktop browsers detect when the computer…
Read more →