crimx / blog-comments Goto Github PK

View Code? Open in Web Editor NEW

0.0 0.0 0.0 1 KB

utterances🔮 comments on https://blog.crimx.com.

blog-comments's Introduction

blog-comments's People

Contributors

Watchers

blog-comments's Issues

2018/11/25/v8-fast-properties/

V8 中的快属性 | CRIMX BLOG

CRIMX 的博客，主要记录 Web 前端相关的一些内容，偶尔涉及其它方面。

https://blog.crimx.com/2018/11/25/v8-fast-properties/

/2019/06/06/javascript-音频变速保持音调/

JavaScript 音频变速保持音调 | CRIMX BLOG

在上篇文章中我们提到如何结合 React 为音频显示波形与区间循环播放，但有时候音频说话太快了，我们需要放慢下来听，所以本文我们来看看如何实现音频的变速，以及如何处理变速时声调出现的奇怪变化。

https://blog.crimx.com/2019/06/06/javascript-%E9%9F%B3%E9%A2%91%E5%8F%98%E9%80%9F%E4%BF%9D%E6%8C%81%E9%9F%B3%E8%B0%83/

about

关于本博客及作者 | CRIMX BLOG

CRIMX 的博客，主要记录 Web 前端相关的一些内容，偶尔涉及其它方面。

https://blog.crimx.com/about

/2019/05/05/搭建-gatsby-博客四：兼容 Jekyll 式路径/

搭建 Gatsby 博客四：兼容 Jekyll 式路径 | CRIMX BLOG

前面已经让博客顺利运行起来，接下来就是实现一些个性化的功能。本文通过实现兼容 Jekyll 式路径来了解 Gatsby 的 Node APIs。

https://blog.crimx.com/2019/05/05/%E6%90%AD%E5%BB%BA-gatsby-%E5%8D%9A%E5%AE%A2%E5%9B%9B%EF%BC%9A%E5%85%BC%E5%AE%B9%20Jekyll%20%E5%BC%8F%E8%B7%AF%E5%BE%84/

/2017/07/15/element-onresize/

巧妙监测元素尺寸变化 | CRIMX BLOG

在往下读之前不妨先想一下，你会怎么实现？如何知道元素的尺寸发生变化了？相信很多人第一反应是 resize 事件，但这个只是 document view 变化才会触发。然后就是轮询，反复查询值变化了没有。开销不是一般的大，但像这样的库（比如这个七年前的）现在还有人用。最后便是这个，号称 event based…

https://blog.crimx.com/2017/07/15/element-onresize/

/2017/04/06/position-and-drag-iframe-en/

Position and Drag iframe | CRIMX BLOG

Position in iframes I wrote a Chrome extension Saladict, an inline translator, which involved such requirement: When user makes a text selection, something will pop up nearby the cursor. It looks…

https://blog.crimx.com/2017/04/06/position-and-drag-iframe-en/

/2019/04/26/搭建-gatsby-博客三：使用-netlify-cms-管理文章/

搭建 Gatsby 博客三：使用 Netlify CMS 管理文章 | CRIMX BLOG

一个博客如果不能方便地编写文章将非常打击作文欲望。本文将谈谈如何在 Gatsby 中配置 Netlify CMS 管理文章。

https://blog.crimx.com/2019/04/26/%E6%90%AD%E5%BB%BA-gatsby-%E5%8D%9A%E5%AE%A2%E4%B8%89%EF%BC%9A%E4%BD%BF%E7%94%A8-netlify-cms-%E7%AE%A1%E7%90%86%E6%96%87%E7%AB%A0/

/2017/03/09/get-all-images-in-dom-including-background-en/

Get All Images in DOM (including background) | CRIMX BLOG

Quite useful if you are writing an browser extension or something. To get all the images in DOM there are actually three places we are going to look at: element, background-image CSS…

https://blog.crimx.com/2017/03/09/get-all-images-in-dom-including-background-en/

/2020/01/16/typescript-集合转换为交集/

TypeScript 集合转换为交集 | CRIMX BLOG

本文深入聊聊 TypeScript 的一些高级特性，以实现集合转换为交集为主线。

https://blog.crimx.com/2020/01/16/typescript-%E9%9B%86%E5%90%88%E8%BD%AC%E6%8D%A2%E4%B8%BA%E4%BA%A4%E9%9B%86/

/2020/06/30/如何测试-react-并发模式安全/

如何测试 React 并发模式安全 | CRIMX BLOG

本文聊聊作为库作者如何测试你的库在 React 并发模式下安全。

https://blog.crimx.com/2020/06/30/%E5%A6%82%E4%BD%95%E6%B5%8B%E8%AF%95-react-%E5%B9%B6%E5%8F%91%E6%A8%A1%E5%BC%8F%E5%AE%89%E5%85%A8/

/2018/06/22/select-cursor-word/

选中鼠标附近的文字 | CRIMX BLOG

最近终于抽空给 Saladict 实现了鼠标悬浮取词功能，使用了较为简洁的实现方式，这里分享一下原理以及坑的处理。初尝试这个需求其实很早就被人提 issue 了，当时做了一番搜索，最后尝试了 document.caretPositionFromPoint / document.caretRangeFromPoint ，效果不太理想。如果看 mdn…

https://blog.crimx.com/2018/06/22/select-cursor-word/

/2020/02/26/rxjs-hooks-and-suspense-the-ultimate-guide/

RxJS Hooks and Suspense: The Ultimate Guide | CRIMX BLOG

In witch I suggested a simple, flexible, testable and performant solution to use RxJS Observable with React hooks and Suspense.

https://blog.crimx.com/2020/02/26/rxjs-hooks-and-suspense-the-ultimate-guide/

/2019/10/21/实现一个有趣的-rxjs-operator/

实现一个有趣的 RxJS Operator | CRIMX BLOG

本文聊聊如何实现一个按 id 切换的 switchMap 。

https://blog.crimx.com/2019/10/21/%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E6%9C%89%E8%B6%A3%E7%9A%84-rxjs-operator/

/2019/05/13/搭建-gatsby-博客五：实现草稿模式和上下篇/

搭建 Gatsby 博客五：实现草稿模式和上下篇 | CRIMX BLOG

本文通过实现草稿模式和上下篇来进一步了解 Gatsby 的 Node APIs。

https://blog.crimx.com/2019/05/13/%E6%90%AD%E5%BB%BA-gatsby-%E5%8D%9A%E5%AE%A2%E4%BA%94%EF%BC%9A%E5%AE%9E%E7%8E%B0%E8%8D%89%E7%A8%BF%E6%A8%A1%E5%BC%8F%E5%92%8C%E4%B8%8A%E4%B8%8B%E7%AF%87/

/2019/06/19/搭建-karma-mocha-chai-测试-typescript-项目/

搭建 Karma+Mocha+Chai 测试 TypeScript 项目 | CRIMX BLOG

测试是软件开发中重要的一环，有了测试项目开发起来大脑负担减少，心里踏实，许多没想到的边界条件也能一一揪出。Karma+Mocha+Chai 是经过时间考验的经典测试组合，具有较高的灵活性，非常值得研究学习。本文将从零开始搭建，同时配合 TypeScript 进行测试。

https://blog.crimx.com/2019/06/19/%E6%90%AD%E5%BB%BA-karma-mocha-chai-%E6%B5%8B%E8%AF%95-typescript-%E9%A1%B9%E7%9B%AE/

/2019/04/18/搭建-gatsby-博客一：为什么选-gatsby/

搭建 Gatsby 博客一：为什么选 Gatsby | CRIMX BLOG

Gatsby 是一个 React 建站框架。在使用 Gatsby 搭建了一个小博客后，非常喜欢其管理数据的方式。然而，尽管上手可以非常快，对于刚开始用 Gatsby 的人来说，理解其基本**是个小门槛。官方提供了非常详细的教程，甚至有点过于基础了，本文面向有 React 基础，没有使用过 Gatsby 和 GraphQL 的读者分享一份笔记。

https://blog.crimx.com/2019/04/18/%E6%90%AD%E5%BB%BA-gatsby-%E5%8D%9A%E5%AE%A2%E4%B8%80%EF%BC%9A%E4%B8%BA%E4%BB%80%E4%B9%88%E9%80%89-gatsby/