{
    "componentChunkName": "component---src-templates-index-js",
    "path": "/3",
    "result": {"data":{"allMarkdownRemark":{"edges":[{"node":{"id":"336450e9-676a-5522-9359-00404abbed8b","excerpt":"当电脑进入休眠状态，浏览器的一些持久功能会受到影响(例如 WebSocket 连接中断)，有时需要在从休眠状态中恢复过来的时候做一些检查和恢复工作。 解决方案 利用计时器 参考 Can any desktop browsers detect when the computer…","fields":{"slug":"/2019-09-04-Detect-Computer-Resume-From-Sleep-In-Browser/","featureImageSrc":null},"frontmatter":{"title":"在浏览器端检测电脑是否刚从休眠中醒来","date":"2019-09-04","author":null,"tags":["浏览器"],"coverImage":null}}},{"node":{"id":"af829693-8a82-54cb-9727-b3dc3ec6f4cb","excerpt":"imagemin-cli imagemin/imagemin-cli 是一个用 node.js 写的工具，调用的都是纯 CLI 的开源程序，所以平台兼容性好很多。其依赖的 imagemin 项目支持 imagemin-* 形式的 npm package 插件扩展，cli…","fields":{"slug":"/2019-08-20-Run-Image-Optimize-With-Cli/","featureImageSrc":null},"frontmatter":{"title":"命令行下的图片压缩工具","date":"2019-08-20","author":null,"tags":["图片","工具"],"coverImage":null}}},{"node":{"id":"60fc3c99-05af-5915-ae06-50526a667b61","excerpt":"碰到的问题 如履针毡的状态管理和业务逻辑调用 Vuex 使用了统一的 dispatch/commit 方法去触发 Action 和 Mutation, 如果使用嵌套的 module, Vuex 还会解析命名空间，以找到正确的 Action/Mutation…","fields":{"slug":"/2019-06-17-typescript-powered-vuex/","featureImageSrc":null},"frontmatter":{"title":"使用 Typescript 加强 Vuex 使用体验","date":"2019-06-17","author":null,"tags":["Vuex","Typescript"],"coverImage":null}}},{"node":{"id":"c57940d9-502e-548d-9d15-31b6442fcb06","excerpt":"在图像处理软件中的模糊滤镜一般都会有高斯模糊（Gaussian Blur…","fields":{"slug":"/2019-05-13-Fastblur-implemetation-with-rust/","featureImageSrc":null},"frontmatter":{"title":"图像近似高斯模糊的快速实现，以及 WebAssembly 模块的导出","date":"2019-05-13","author":null,"tags":["图像处理","Rust","WebAssembly"],"coverImage":null}}},{"node":{"id":"d89fabe0-c9a8-5cbf-a38f-c3e7a90f9be9","excerpt":"d8 是 v8 的简易 CLI，它提供了一个极简的 JS 宿主环境，可用于 v8 的学习和调试，比起 nodejs，它更精简和专注。 除了 JS 以外，d8 也具有 WASM 的解释功能，可以方便地用于测试 WASM 模块的性能。如果你的 WASM…","fields":{"slug":"/2019-05-05-Benchmark-WASM-with-d8/","featureImageSrc":null},"frontmatter":{"title":"使用 d8 快速测试 WebAssembly 模块性能","date":"2019-05-05","author":null,"tags":["Benchmark","V8","WebAssembly"],"coverImage":null}}},{"node":{"id":"43f22361-ced8-5e53-b1d3-7f0c70e1ea92","excerpt":"最近在写一些跟视频解码相关的简单程序，学习 avcodec 技术时有一些强大的分析工具，分享一下。 码流与封装容器相关 ISO Viewer isoviewer 是 Mac 下一个检查 mp4 文件构成的 GUI 程序，能直观地看到各个 box 的数据。 bento4 bento…","fields":{"slug":"/2019-03-13-Handy-Video-Analyze-Tool/","featureImageSrc":"//images-hikerpig.oss-cn-beijing.aliyuncs.com/image/iso-viewer.png"},"frontmatter":{"title":"Handy Video Analyze Tool","date":"2019-03-14","author":null,"tags":["video"],"coverImage":null}}},{"node":{"id":"f4538d3a-e562-51f0-8f52-d5e731f1a5ed","excerpt":"音视频开发入门，可能绕不开 ffmpeg 这个项目，最近看了篇 知乎专栏，觉得这个事情很有意思。 比起直接编辑整个 ffmpeg 项目的 CLI 到前端，更符合实际需求的方式，是先基于 ffmpeg 各种 lib…","fields":{"slug":"/2019-03-06-Decode-Video-Using-FFMpeg-In-Browser/","featureImageSrc":null},"frontmatter":{"title":"Decode Video Using ffmpeg In Browser","date":"2019-03-06","author":null,"tags":["Webassembly","Avtech","Emscripten","ffmpeg"],"coverImage":null}}},{"node":{"id":"090df1b2-9c90-5592-9901-28347a4c5b05","excerpt":"前注：在 docker 镜像中拉取 git 仓库似乎是一种 anti-pattern，本文只是记录中间的踩坑经历。 托管在公司 gitlab 上的一个前端项目，最近在尝试 docker 化。 准备阶段 Gitlab 上的一些问题 如果项目不是公开的，从 docker…","fields":{"slug":"/2019-02-14-Setup-CI-in-docker/","featureImageSrc":null},"frontmatter":{"title":"在 docker 环境中从 gitlab 拉取源码","date":"2019-02-15","author":null,"tags":["docker","前端","git"],"coverImage":null}}},{"node":{"id":"786dc32d-e1a2-5fd7-866f-f1b7bcde0cc8","excerpt":"面对浩如烟海的 log，在排查错误和查找信息时使用一些趁手的工具，快速定位，关爱视力，有益身心健康。 高级的工具 lnav lnav 是一个非常强大的日志查看器，有多种视图和过滤功能，不过最喜欢的其实还是自动的颜色高亮。 lnav…","fields":{"slug":"/2019-03-08-Tips-On-Viewing-Logs/","featureImageSrc":null},"frontmatter":{"title":"Tips On Viewing Logs","date":"2019-02-15","author":null,"tags":["tip","工具"],"coverImage":null}}},{"node":{"id":"111ac96e-6763-5b62-9ac5-778a8a0ca2b7","excerpt":"CSS 中两种实现阴影的方式 text-shadow 和 box-shadow filter: drop-shadow 前者的 blur-radius 指的是阴影的最外延半径，后者的 blur-radius 指的是高斯模糊中的标准差($σ) W3C 的 CSS…","fields":{"slug":"/2018-12-22-svg-blur-and-css-text-shadow/","featureImageSrc":"//images-hikerpig.oss-cn-beijing.aliyuncs.com/image/compare-shadow-blur.jpg"},"frontmatter":{"title":"CSS 中的两种模糊半径","date":"2018-12-22","author":null,"tags":["SVG","CSS"],"coverImage":null}}}]}},"pageContext":{"pageNumber":2,"humanPageNumber":3,"skip":20,"limit":10,"numberOfPages":7,"previousPagePath":"/2","nextPagePath":"/4"}},
    "staticQueryHashes": ["1425477374","3128451518"]}