LiuRhoRamen

团队内使用 Sentry 监控前端线上报错，但效果一直不太理想，究其原因，主要有以下几点： 非故障引起的告警多，导致“狼来了”效应，研发对告警不敏感。比如，一些正常的前端校验，由于抛出了 Error

公司站点做前端架构改造，需要把历史代码中，所有用到的色值替换成变量，便于做主题化和样式迭代。 项目一期通过 nodejs 脚本，扫代码并人工做替换。 考虑到新代码的后期保障和后续其他改造工作，决定编写 Lint 并整合到项目的 CI 脚本中。 因为采用的是 react，涉及到的…

最近有个需求，需要产品导航栏支持拖放。 虽然开源社区已有不少成熟的拖放库，但考虑到代码可控性和可定制性，还是自己写吧。 最少的代码，最方便的方法，就是它了。 一个拖放行为，自然牵涉到两部分元素，即拖动元素和释放区域元素。 剩下5个事件绑定在释放区域元素上：dragenter、d…

从事前端开发转眼已有三个半年头，个人技术能力提升的同时，业务经验也逐渐丰富。 回想初入职场，刚拿到设计稿时一脸忐忑，预估排期也不知定多少合适。觉得产品设计的不合理，找产品经理 PK，却被简单说服，结果还是栽倒了坑里。 随着一个个项目的开发、上线、总结，曾经摔过的坑，化为了自己避…

最近处理了一个字体图标没有在容器中垂直居中的样式问题。原本以为，只是 css 写的不正确，实际却并没有那么简单。 一番波折后，最终发现，是因为一处小细节，挖出了个大坑。 在处理问题的整个过程中，一方面复习了相关的 css 基础知识；另一方面，对于问题原因的推理方法上，也给了我一…

呃，好像还是没有居中。根据经验，在文字上也加上vertical-align: middle： 诶，这下好像基本对齐了。 在理解浮动以及清理浮动的原理时，相信很多人都接触过BFC（Block Formatting Contexts），定义了在“普通流”（Normal Flow）中…

前段时间，分享了一篇GraphQL & Relay 初探，主要介绍了 GraphQL 的设计思想和 Relay 的基本应用。 目前，笔者在实际项目中应用 GraphQL+Relay 已经有段时间了，并发布了一个正式版本。整个过程中，踩了不少坑，也摸索出了一些经验，特此做一下总结…

距离Facebook发布新版Relay（Relay Modern）已经快一年时间了，但相关的中文资料与实践案例依然不是很多。究其原因，可能和官方文档不够详细有关。本文通过对GraphQL与Relay的浅析，希望能降低其上手难度，同时也便于判断，自己的业务是否适合使用Relay框…