事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。

在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。

我们知道，在微信中打开网页，使用右上角的 ... 分享给朋友/朋友圈，是可以使用 JS SDK 自定义分享卡片文案的。为了让分享内容能够更好的受到监管，从早期会自动读取网页内第一张大图到后期使用 JS SDK 自定义分享，再到后期需要做域名绑定关联，自定义分享卡片内容的流程变的越来越复杂。

前段时间 React 团队发布了一项用于解决 React 页面在多接口请求下的性能问题的解决方案 React Server Components。当然该方案目前还在草案阶段，官方也只是发了视频和一个示例 demo 来说明这个草案。

我们知道，静态博客由于不带有动态功能，所以针对评论这种动态需求比较大众的做法就是使用第三方评论系统。第三方评论的本质其实就是使用 JS 去调取第三方服务接口获取评论后动态渲染到页面中。虽然它很好的解决了这个问题，但是由于需要请求接口，在体验上远比动态博客的直出效果要差很多。所以当我把博客从动态博客 Ty...

之前写了篇文章《博客迁移至 Hugo》，提了下使用 Typecho 多年后越发感受到运维的成本之高后，将博客迁移到了静态博客程序 Hugo 下。使用 Vercel + Github 可以免费搭建高性能博客，绑定域名还能自动帮忙创建 SSL 证书。当然偷懒的话也可以直接使用默认分配的二级域名。

我的博客从09年开始到现在已经度过了十一个年头，虽然更新的频率变慢了，但也还是一直在坚持输出力求能够帮助到大家。本站最早使用过 ASP 的 PJBlog 到之后大名鼎鼎的 WordPress，之后在 2011年 的时候迁到了 Typecho 一直到现在。

Sketch 作为流行的 UI 设计软件，除了设计之外，还承担了设计与开发之间沟通的桥梁作用。通过 Sketch 导出的在线标注能够节省很多沟通的成本。除了标注之外还有个比较重要的功能就是切图的导出。Sketch 中如果要导出一张切图，需要将其标记为切片（Slice）。在 Sketch 中切片的标记是多种多样的，针对不同的切片标记插件...

Sketch 是近些年比较流行的 UI 设计软件，它比起之前常用的 Illustrator 或者 Photoshop 比较好的地方在于小巧功能简单但足够，同时对 Mac 的触摸板支持更加友好。另外它的插件系统也要比 Adobe 更加友好，大量的插件帮助我们解决协同和效率上的问题。

最近我们设计师反馈，他想要做如下的一个加载动画。但是要么效果好的导出的 GIF 体积特别大，看了下有 8M 多了，要么体积小的 GIF 效果又特别不清楚。然后我看了下效果，发现其实用 SVG 动画来实现应该比较简单，于是就和设计师要了一下原始的稿子导出成 SVG 后处理了下。

大家好，我是奇舞团，大家可以叫我小舞。第一届全宇宙 JavaScript 开发者大会三天后就要举行了，作为举办方的我简直忙极了。好在场地已经选好了，由我司生产的不写代码只写BUG牌人工智能机器人们已经在帮我布置会场了。本次大会场地定在了木星上，谁让地球上根本没办法容纳几亿来自五宇四宙观众的场地呢。作为第一届在外...

75CDN 是一个由奇舞团维护的静态资源托管平台，创立至今已经稳定运行了一年多的时间。近期我们增加了 SRI 的支持，作为国内首个提供 SRI 服务的静态资源库了，也算是为 75CDN 一周年庆生吧。

Chimee（读“奇米”, [tʃɪ'mɪ:]）是由奇舞团开源的一套 H5 视频播放器解决方案，由奇舞团视频云前端团队结合在业务和视频编解码方向的沉淀积累倾心打造。

大家好，我是怡红公子，这个是我常用的中文昵称，英文昵称的话一般就是我的名字拼音 lizheming。我的博客地址是 [链接]，叫怡红院落，和昵称一样都是来自《红楼梦》。之前是学地质的，毕业于中国地质大学（北京），目前是 360 的前端工程师。喜欢倒腾一些新鲜事物，经常逛的几个网站是 SegmentFault, Github 和 v2ex。PH...

项目的开发和测试和生产环境一般都不是同一个，有时候就会产生需要前端项目需要根据不同的环境进行不同的配置的情况。比较经典的情况就是后端的接口 hostname 的问题。在开发环境的时候可能使用的是 dev.api.xx.com，测试环境需要使用 test.api.xx.com，而线上环境需要使用 api.xx.com。那么如何根据环境来动态的在文件...

如果你想知道 CSS 最近发展的转折点，你应该选择去观看 Christopher Chedeau 在2014年11月的 NationJS 大会上做的名称为 CSS in JS 的分享。不得不说这是一个技术分水岭的时刻，一群不同的思维在自己的方向上就像粒子进入了高能漩涡中一样飞速发展。其中，在 React 或者是 React 相关的项目中编写 CSS 样式，React Style...

一份好的文档能够帮助人们理解，使用以及贡献代码到你的项目中，但这只是一个生成文档的方程式的一半。生成文档的底层系统使得人们，无论是你还是一块和你工作的团队，撰写文档变得更加容易。

前些日子有看到 isometric-contribution 这款插件将Github的每日贡献值的图渲染成了立体图，煞是好看。想着SegmentFault的声望图正好也是图表，原作的实现手法也很简单，遂想着给SF也弄一个。

上篇讲了Typecho博客搬家到SegmentFault上来，然后很多人就不答应了，非吐槽说为啥世界第一博客程序WordPress的教程没有！迫于压(wu)力(liao)，特别放出WordPress迁移教程给大家。

现在SegmentFault博客做的越(yue)来(lai)越(yue)棒(che)，自己的博客也久不更新了，所以想着干脆就把博客搬过来吧，也省得自己去维护它。现在问题来了，如何迁移博客到SF来呢？啊，你不会啊？那我来教你好叻。

这款插件把之前我写的一些插件和 @airyland 大大写的 SF-Notifier 插件融合在一块而创造出来的。名字来源于“豆瓣精灵”这个插件。目前插件的主要功能有如下几个：

群里的 @krew 今天问了个问题，源自JSRobot上的一关。看了下JSRobot，跟Untrusted差不多，也是一个代码通关游戏，觉得挺有趣，遂玩了一遍。现放上我的通关攻略。

早起去Hackathon现场面了个基，见到树神说了句：“树神，猜猜我是谁？”结果树神没有猜出来，好桑心OwQ...还是 @fenbox 大大一下就猜出来叻，果然大管家就是腻害~

今天早上刷微博的时候看到 @fakefish 分享了一个游戏微博，游戏的名字叫做《Untrusted》，通过修改JS代码来通关的游戏，作者把游戏代码托管在了Github上，游戏地址在 [链接] 。

很早以前就想写自己的IM软件了（谁让现在的IM都各种残缺呢！），但是目前技术实在是太弱这个想法就一直搁置了。前几天放假突然想到写一个公共聊天室的WebIM的想法（不要问我为什么有这么个想法，我也不造啊），然后这几天放假就都在干这个了OAQ。不管怎么说先来个截图预览一下吧：

有时候回答问题自己也是一知半解，回答完基本上类似于学了一样新东西。一般人学东西都会有遗忘曲线，所以我经常性的就不记得我之前用过的东西了，但是似乎印象中我在哪里写过。比较坑爹的是，SegmentFault自带的搜索引擎简直是无法吐槽的“烂”。基于以上原因，我在去年年底的时候提了一个问题：“什么时候才能搜索答案”。...

PMBLOG是一个简单的静态博客程序，只需要PHP，不需要数据库的支持，这对于小内存小功耗的路由来说是再友好不过的。下面我就讲讲如何安装PMBLOG。

之前看到过CMGS大神的SSH登录欢迎界面是EVA的NEVR LOGO表示特别好看。今天突发奇想也想实现一个。别说还真搜到了。只要修改/etc/banner即可实现。如果你不想做别的修改的话，可以直接下载我的banner文件覆盖。

由于路由的ROM不大，装完OPENWRT之后基本上就所剩无几了。为了更方便的折腾，就需要使用U盘扩大系统的容量。下面就分享一下我的扩容过程。