时隔一年半，期待已久的Rails 6.1 终于发布了。趁着双休，给 GeekWeibo 从Rails6.0 升级到了6.1。 升级主要有三步。 一、升级Gemfile里面各个gem的版本 为了避免一些gem版本的不兼容，我先本地gem install rails把系统的rails版本升级到6.1。然后使用 rails new demo61 创建了一个新app叫demo61。接着对比 demo61/Gemfile 和 geekweibo/Gemfile 里面各个gem的版本号，相应的升级一下版本号。主要diff如下： 然后执行 bundle update。 二、执行 rails app:update 前几天才知道原来还有 rails app:update这个命令，用于app升级。执行一下，按照提示，相应的覆盖或忽略一些文件更新。执行完了之后，很多bin文件和config文件都更新了。同时会生成两个新的active_storage的migration file。一个是给 active_storage_blobs…
这两周给自己的开源项目极客微博加上了发微博带图片的功能（作为一个“微博”app，怎么能没有发图片微博的功能呢？）。没想到，做这个小功能的折腾程度，超出了我的预期。 其实如果是纯Rails MVC，那么给微博加上图片功能，简直不要太简单。后端两行核心代码： # tweet.rb has_many_attached :images # tweet_controller.rb params.require(:tweet).permit(:body, images: []) 然后前端相关的template 文件里面，相应的加上文件选择控件，和显示图片的相关代码就搞定了，毕竟ActiveStorage什么都帮你做好了。 可是极客微博前端用了Vue。发微博的时候，是通过前端发POST Ajax请求的方式发的，所以事情就变得复杂了。首先，你没有办法像文本字段一样，给json body加一个file字段，然后POST给后端。所以想要在前端用Ajax发请求上传图片，就剩下两种办法： 在前端先把图片上传到图片存储服务（我用的是阿里云OSS），拿到上传后的图片url，然后把url传给后端。 使用FormData。这是经过一些搜索，以及在微信群里面请教后，得到的方案。 我不是特别想使用第一种方式，原因有多个。其一，这种方式的实现成本不小，这个可以在Rails ActiveStorage的官方文档里面了解到。其二，这种方式的用户体验也不是很好，因为上传需要一个过程，如果上传的图片比较大的话，用户等待的时间就会有点长。先压缩再上传？那又增加了一点工作量。最后，如果用户想换一张图片的话，那之前的上传和等待就都浪费了。出于这几点考虑，我决定使用第二种方式。 但是使用FormData，其实就相当于使用表单提交的方式发请求。出于安全考虑，为了防止CSRF攻击，Rails默认需要验证表单提交的请求的CSRF token。在使用 form_for, form_with这些rails view helper构造表单的时候，rails会自动生成csrf tag field，然后在表单提交的时候，自动带上这个field。然而现在，我们的表单是自己构造的（记住这里，后面要考），不是使用Rails的view…
自从10月17日对外发布了自己的业余项“极客微博”以来，至今过去了两个星期。看了下GitHub的统计，这段时间共commit了刚好50次。 主要的一些更新如下。 生成分享图片 这是这段时间工作量最大的一个更新。你可以点击微博卡片右下角的分享按钮，来生成一张分享这条微博的图片。 点击后，出现一个预览界面 点击底部的下载图标，即可以下载这张分享的图片。 技术实现上，主要的方案是使用html2canvas这个library。遇到的坑非常多，比如说跨域啊，图片缓存啊，滚动条啊等等。后面会专门写一篇技术文章，来细说一下这个事情。总之，费了好大劲。 回复评论 现在，你可以通过点击某一条评论，来回复这条评论。如下面的动图演示：  回复出来的样式，现在设计的比较简单，主要是参考朋友圈的样式，没有做成树状的嵌套结构。 技术实现方面也比较简单。DB里面comments table加了一个parent_comment_id字段。然后通过Rails的has_many和belongs_to，自动就呼应上了。 用户默认头像 目前极客微博只支持通过GitHub登录。其实系统的设计是，当用户通过GitHub登录之后，会自动使用GitHub的头像。然而由于国内的网络原因，GitHub的头像不一定能下载成功。因为server端无法连接raw.githubusercontent.com这个域名。这就会导致很多用户登录之后，没有头像。 忘了在哪里看到的启发，后面决定使用用户昵称的第一个字符，来生成一个头像。效果如下： 技术上，使用的是ui-avatars这个服务。它可以根据你传的参数，自动的生成首字符的头像。比如https://ui-avatars.com/api/?name=创哥&length=1这个链接将返回 这样一张图像。 当然，你可以通过参数来控制很多样式，比如：背景颜色、字体样式（颜色、大小、粗细等）、图片大小、圆角等。非常不错的一个服务，推荐！ UI上面的优化 其他还有一些UI的优化，比如把右下角三个图标对齐。之前如果其他的微博有点赞、评论的数字的话，会跟它上面或下面的微博，对应的几个图标在垂直方向上不对齐。如下图所示： 现在把它对齐了。 类似的对齐问题发生在评论列表里面。评论列表里，评论作者的头像跟上方，发评论的form的左边界是对齐的，但是没有跟form里面，当前用户的头像对齐，如下： 后面让几个头像对齐了。 发布时间：本来在每条微博的左下角加上了发布时间，如下图所示。 但是后来觉得没有意义。（至少现阶段）很少有人会关注某一条技术微博是什么时候发布的，更多的是关注这条微博对自己是否有用，所以后面又去掉了。 技术侧 防止XSS 根据ruby-china上面@pynix大神的提醒，给极客微博加上了防止XSS攻击的处理。…
（图片来自 BBC Newsnight youtube.com/watch?v=VtH6kiPbMBw） 忘了在哪里看到Christopher Nolan的一个访谈，其中提到，说他不用现代化的科技，他没有email，甚至没有手机。如此，他多出来很多思考的时间。 没有手机。。。这对于“现代人”来说，简直是不敢相信的事情。包括我在内的很多人，一天不看微信、朋友圈、twitter，就担心自己错过了什么，实际上，有一个专门的词语来描述这种心理：FOMO（Fear Of Missing Out）。 我想了一下，结合前段时间看到的Elon Musk在JRE上面的访谈，我觉得被FOMO控制，不断的刷社交网络，带来的坏处有三个： 浪费时间无意义的刷feed，这是最显而易见，也是平时我们说的最多的。然而，这其实只是影响最小的一个坏处。 更重要的是，他会让你迷失方向。看到别人写文章，粉丝几百万，你也开始写文章；看到别人拍短视频，粉丝几千万，你也开始拍短视频。看到别人知识付费，月入几千几万，你也开始搞小圈圈。结果溜一圈下来，什么都没坚持到底，什么成果都没拿到。 它会让你产生不必要的自惭形秽心理。看到别人在旅游，你却在加班，你会想，为什么我这么惨，为什么我不在旅游？看到别人住高档奢侈的酒店，你会想，为什么我这么穷，为什么我住不起？看到别人年少有为财富自由成名在外，你会想，为什么我这么无能，这么失败，甚至觉得自己一无是处。 实际上，绝大多数人都只会把自己光鲜亮丽的一面晒在朋友圈。我们只会把跟对象甜蜜旅行的照片发在朋友圈，却不会把跟对象吵架的场景发在朋友圈。我们只看到别人在奢侈的酒店阳台喝下午茶，却没有想到，别人的酒店，可能是拼单的。我们只看到别人事业成功的瞬间，却没有看到别人付出的艰辛，成功之前失败的痛苦。 当然，我并不是说，要通过知道到别人过得不好，来让自己感觉好一点。我只是想说，没有必要在看到别人光鲜亮丽的一面的时候，自己产生自惭形秽的心理。每个人的生活都有好坏的一面，虽然比例不一样。但朋友圈，绝对不是一个人生活的全部。 可真正的问题是，这种心理的产生，我们是控制不住的。你在加班的时候看到别人在旅游，你就是会产生“我为什么这么惨”的想法，在你反应之前，这种想法就已经产生了。当然你可以事后再来安慰自己，说“每个人的生活都有好坏的一面，看到别人光鲜亮丽，我没有必要自惭形秽”。然而你不一定养成了这样的心理习惯，所以你不一定记得要这样去安抚自己的内心。此外，就算你记得，但在你反应过来之前的那几秒钟，你还是有了自惭形秽的想法。 至于第二点，对我来说，我就是一个喜欢创造东西的人，a creator of things。我只希望在一边工作上班的同时，自己能默默的坚持创造一些有用的，有意义的产品。虽然这不像拍视频、写文章那样，能用更短的周期得到反馈。（实际上，自己期待的是，用更短的周期，得到称赞，得到多巴胺）。但至少，在为了创造自己的产品而写代码的时候，我的心情是最平静和愉悦的。 说到底，还是老生常谈，少看微信，少刷点朋友圈，更不要无意识的、习惯性的刷朋友圈。写这篇文章把坏处整理一下，强调一下，或许我会更有动力来“戒微信”吧。
昨天把自己业余时间写的web app极客微博放出来之后，自己又点了好几次进去看。然而每一次都觉得很慢，有一次使用Chrome DevTools查看，居然花了30秒多，这无论如何也是无法接受的。刚开始以为是我家里的网络原因，换成4G之后，确实有所提升，打开速度大概在3秒作用。然后查看资源文件，发现最大的js bundle有200多KB： 这还是太慢了，于是使用Google PageSpeed Insights分析，并根据里面的几个建议调整了一下。目前，我自己使用Cmd+Shift+R（跳过缓存）试了几次，都可以算是“秒开”了。 Google PageSpeed Insights desktop速度也达到了100分 具体来说，只做了两件事情。 缩减图片的大小 根据Google PageSpeed Insights的提示，在展示一条微博的时候，geekweibo.com使用的是图片的原始尺寸： 我自己的头像达到500多K，这无疑增加了加载时间。 我的图片是放在阿里云OSS上面的，根据阿里云的api文档，加上自动裁剪的参数，就搞定： <img :src=“${tweet.user.avatar}?x-oss-process=image/resize,m_fill,h_100,w_100” /> 启用gzip压缩 在nginx config里面加上： location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ { gzip_static on;…
这是个什么东西？ 如题所说，这是一个类似于Twitter的项目。目前还是WIP，有一些最基本的功能：发推文、搜索、评论、点赞、通知。 为什么要做这个项目呢？ 主要有两个原因。 一方面，目前对我来说，twitter是我最主要的技术咨询来源。我会在twitter上面关注很多技术博主，从他们的推文中，了解到最新的技术咨询、发现一些好的技术文章、或者是学习到一些tip and tricks。但是国内并没有这样的一个，可以让人用来发现技术的一个地方。微博？你是说那个看娱乐八卦新闻的网站吗？ 另一方面，我一直就想有一些地方，能够用来存放和分享一些比较零碎的东西。比如，我经常会发现自己一遍一遍的去google相同的一个问题，而这个问题真正解决的办法，可能就一两行代码。因为不记得，所以只能下一次遇到的时候，再去google一遍。而其中有一些问题不是一google就出来了，这就很浪费时间。这时候，我就希望有一个地方，能够用来存放这些解决问题的答案，这样的话，我下次直接到那个地方去搜关键字就好了。你可能会想，为什么不放到一些笔记类的app里面，比如Bear、evernote等。在我的心智中，这些app就是用来记录比较长内容的笔记。如果一篇笔记里面就一两句话，我总是会觉得好像太浪费了。同时，这些长短的笔记夹杂在一起，也不是很好浏览和管理，在一个问题，就是放在自己的私人笔记里面，不是很好分享。类似这样“无处安放”的内容还有，代码上发现的一种好的写法，发现的一个好的命令行工具，阅读时看到的一两句觉得挺有道理的话，等等。 因此，出于 简单记录、分享和发现的需要，我写了这样一个项目。 为什么不用。。。 为什么不直接用Twitter呢？ 有三个原因： Twitter不支持markdown，对于技术方面的知识片段来说，格式不够用，可读性不够高。 Twitter发布比较麻烦，要FQ并打开网页，而手机上发布则更加麻烦。很多时候，我只是想纯粹的发布一条记录一下的，但是打开网页就会看到很多干扰我注意力的内容。我试过很多的发布工具，比如rainbowstream，但是都不尽人意。也试过自己申请开发一个twitter app，但是被拒了。 Twitter上面还是有一些非技术的内推，这些东西，有的时候是有用的，有的时候就只是娱乐性的，浪费时间。 为什么不用Hacker News Hacker news主要是以分享链接为主，链接到某一篇文章，我希望能直接发布（同时也直接看到）内容片断本身。此外，HN上面的内容也不一定技术相关的，虽然技术占的比例确实很大。 为什么不用V2EX 跟HN有点类似，一方面，V站的首页显示的是链接（标题）列表，而不是内容本身，另一方面，V站的内容也不一定技术相关的，虽然技术占的比例确实很大。 为什么不用掘金、简书、知乎。。。 这些网站目前是以（较长篇）的博文为主的，对于我的“知识片段”的需求来说，有点过重，使用成本有点高。 说到底，可能是因为我是处女座，所以对所用的东西特别挑剔，希望能尽量完美的契合自己的需求。 （计划中的）项目特点 作为一个“简单记录”为重点功能的工具，这个工具最大的侧重点，就是“发布”这个功能会做的非常简便，工作量极小。我打算做很多的工作，来达到这个目的，目前想到的一些方法如下： 命令行工具 Alfred…
因为在朋友圈和微信群招聘信息发的多，平时经常被问到如何准备字节跳动的面试，尤其是算法题。同时，自己在面试人的过程中，也发现有一些常见的方面，很多朋友表现的不是很好。因此，写了这样一篇文章，共大家参考。准确的说，这里的准备方法其实适用于绝大多数的互联网公司，不过，因为我自己只是在字节跳动，我没有办法为其他公司说话。 一个技术面试内容，主要分成三大块： 项目经历 基础知识 编程题 项目经历部分 面试官可能会问你，做了什么，用了哪些技术，遇到什么困难，怎么解决的。 这几个问题，建议可以对着自己的简历，思考一下如何回答。 除此之外，来有两个注意事项，最好也准备一下。 一是原因，比如说你做某一个需求，业界有ABC三种方案，你为什么用了A方案，而没用B或C方案。 二是原理，比如说你用了某个开源项目，它的实现原理是什么？最好是代码看过，如果没看过的话，要知道核心原理。 基础知识部分 这部分其实更多是取决于平时工作中，遇到问题，多总结反思。不过如果想要速成的话，也不是没有办法。最简单的就是，你Google一下所谓的“常见安卓面试题”，把里面的题目都背一下，应该就差不多了。因为如果你多面试几个公司的话，你会发现大家问的问题都差不多，就是那些。 当然，也不是鼓励大家死记硬背，只不过，很多地方，确实需要记忆，所以，就是这个意思。 最后，是编程题部分 字节跳动的每一个技术面试环节，都会有编程题，这是公司规定的面试流程。这部分的准备其实也很简单，一句话就是刷LeetCode，刷个几十道题。具体多少，跟每个人自己的基础有关。不过，认真做的话，最多一百道，基本就不会有问题了。 关于面试，就说到这里，其实你会发现，上面说的内容，不仅仅适用于头条，这里说的准备方法，可以应付绝大多数的互联网公司。此外，说起来容易，做起来可能不容易，你要搞清楚自己用过的技术，框架的代码、实现原理，这个不容易。 “常见”面试题，可能也不少，要理解他们并记住，也不简单。 最后，刷一百道leetcode，也不是一件容易的事。 总体下来，可能需要几个月，具体看每个人的基础。 不过，用几个月的努力，换一份待遇好、成长快、有挑战有趣味的工作，我个人觉得是非常值得的。 如果你准备好了，可以随时找我内推，过程中有任何问题，也可以随时联系我。
我在这一行代码打了个断点: 我能不能让代码走到这里的时候，IDE不停下来，而是打个log出来，告诉我代码走到这里了呢？ 你可能会问，为什么，你为什么会有那样的需求？ 因为我只是想知道代码有没有走到这里，并不是想让它停下来。 你可能又要问，你在那个地方加一行log，重新运行不就好了吗？ 这样做确实可以，但是如果你的项目特别大，运行一次需要几分钟甚至十几分钟的时候，你就会尽量避免修改代码重新运行。 这时候，如果你手机上已经装了这个app，你就会想要通过断点的方式，来判读代码会不会走到某个地方。 这就回到我们开头的问题了，能不能让代码走到那个断点的时候，不停下来，而是打个log出来，告诉我代码走到那里了呢？ 我探索了一下，发现确实可以！ 在调试面板点击这个图标： 会出来下面这个界面： 左边选中相应的断点，勾掉“Suspend”，勾上“Breakpoint hit” message，如下图所示： 再次进行相应的用户操作，触发断点的代码，在调试面板的“Console” Tab，你就会看到断点打出来的log，表示这行代码被触发了。如下图所示。 在这里，你甚至可以自定义打印的log内容，勾上“Evaluate and log”，输入你想要打印的表达式，如下图所示： 效果如下：
为什么这么说呢？因为我之前不省钱。那为什么以前不省钱呢？因为我听说了这么一句话： 你能挣到的钱是无限的，你能省下的钱是非常有限的。所以你应该集中精力去赚钱，而不是想方设法省钱。 但是为什么我最近又开始省钱呢？因为我发现这句话错了！ 这句话有两个错误的地方。 第一：她说“你能挣到的钱是无限的”，但其实这个无限只是理论上面是无限，实际操作层面，一个人一段时间之内，他能挣到的钱其实是有限的。至少在我身上是这样的。我们做决定，应该从实际情况出发，而不是从理论的可能性出发。 第二：这句话人为的制造了对立。实际上，你可以努力赚钱的同时，也在很多地方努力多省点钱。这两者并没有时时刻刻的对立关系。 所以，你判断要不要省钱，应该从ROI的角度出发去考虑。那就是，针对某一个具体的场景，如果你选择省钱，你需要为省钱付出多大的代价，然后你能省下多少钱，你省下的钱，值不值得你为之付出的代价，如果值得，那就应该选择省钱。 这是你要考虑的问题。
大家有没有看过这样的代码？就是一个方法里面，整个就是一个if语句。然后这个if语句非常长长长长。。。一屏都放不下，你都不知道这个if语句会在哪里结束。 fun runRule() if (rulesEnabled) { var maxConsecutiveCount = 0 var currentConsecutiveCount = 0 var previousReceiver = "" expression.children.forEach { if (it is KtBinaryExpression) { val currentReceiver = getReceiver(it) if…