Code for fun

题目：https://leetcode.com/problems/largest-rectangle-in-histogram/ 网上也有很多人写了解法了，但是我认为都没有把思路写清楚，需要花一些时间来理解。我写这篇文章主要也是记录一下我自己的思路，希望给人以启发。 这道题被打上了 stack 的标签，大概是因为栈的解法十分巧妙，但是解这道题栈不是重点，想清楚了我们也能用其他的解法。 拆分子... 阅读全文…

9102年了, 学习React其实完全可以从react-hooks开始, 这也是我写这篇文章的初衷。 另外我也希望能用比较简洁的语言来解释一些相关的原理, 不过本文还是会以如何使用为主, 所以比较适合想了解个大概后快速上手去写的人。 本文主要内容是解释如何基于Typescript来写React组件, 需要你有javascript基础, 对html有一定的认识。 准备环境开发环境已经装过的可以... 阅读全文…

平时开发监控系统时免不了与时序数据库的查询打交道，在查时序数据库时 时间范围 是必不可少的条件，所以在查询的UI展示上通常会将时间范围作为一个独立的组件来让用户交互。 时间范围通常会展示为两种形式：相对时间和绝对时间。对于监控系统来说，日常观察指标、建立看板基本都是使用相对时间，因为使用绝对时间的话一是不能及时更新，二是容易引发慢查询。而绝对时间的使用场景一般是定位具体问题。 在我们的监控前... 阅读全文…

最近比较有空就打算把看板的性能优化做一下，打开项目用chrome的performance记录了一下一个组件比较多的看板。这个结果还是比较让人惊讶，原本以为性能瓶颈主要在图表（G2的性能堪忧），没想到看板本身的性能也如此糟糕。 ... 阅读全文…

最近感觉和人说话的次数少了很多，总觉得这样下去不行啊，表达能力日渐衰退，有话不说憋着也难受。想了想多写写文章也许能发泄一下，就建了这个REVIEW目录。平时玩完游戏、看完动画、看完书之类的，如果有什么X后感的话就会写一下吧。 这次就讲讲清明放假期间玩通的这款《Touhou Luna Nights（东方月神夜）》，这个中文译名总觉得很中二呢。 总体评价这款游戏我认为是中等偏上的一款独立游戏，就... 阅读全文…

这个月中旬去和同事去大阪玩了几天，趁着这个月还没结束写个游记吧，内容应该会比较流水账。 事前规划很重要这次虽然也是自由行但是比年初去东京的那次体验好得多吧，上次虽然有一大目的是参加CM，但是除此之外还是有不少时间可以到处玩的，不过缺乏规划的我们也没去成多少地方，主要是因为没有目标就很难有动力到处跑。 这次去的时候发现google地图真是好用，里面保存地点的功能是规划神器啊，这里分享一下我们这... 阅读全文…

自从 react@16.8 正式发布react hooks已经有一段时间了，这段时间我也一直在项目里使用hook的方式来写组件，其间也遇到了不少问题，下面列一下踩坑记录。 该篇假设你已经了解react hooks的基本用法，如果对react hooks毫不了解，建议先阅读官方文档。 想在第一次render前执行的代码，可以放在useState里类似class component里的const... 阅读全文…

首先思考一个问题：我们为什么需要依赖注入(Dependency injection下面简称DI)？ 之前用java的spring、php的laravel和angular时发现它们的模式非常相似，框架会把请求处理、线程管理、错误处理等都封装好，你只需要实现对应的横向和纵向切面，然后让框架来管理和调用你的代码，这就是设计模式中有名的控制反转(简称IOC)。 而DI是IOC的一种比较通用的实现方式... 阅读全文…

Why auto decimals?现在即席查询里的单位格式化用的是从grafana里copy出来的kbn，kbn里的format函数的参数除了value外通常还有decimals和scaledDecimals。 decimals指的是传统意义上的保留小数位，如1.23对应的就是2。 scaledDecimals指的则是单位转换过后的保留小数位，比如kbn转换时间时会默认将超过1000的时间... 阅读全文…

因为最近帮别人解决了一次git merge丢代码的情况，当时处理地简单粗暴，reset到merge前一次commit后重来一遍。后来又设想了一下，如果merge后又commit很多次，这样岂不会很麻烦？如果这个分支不允许force push，那这样做也不行。于是就去查了一些资料，自己尝试并总结了一下几个方法。 用git reset重新来过这种方法很简单，就是git reset到merge之... 阅读全文…