嵌入Google Analytics图表到你的网站

如果你正在使用Google Anlaytics工具来分析网站访问数据,你可能会想将它提供的各种酷炫图表嵌入到网站页面以供用户浏览。尽管Google Analytics并不提供简单的iframe方式来嵌入图表,它还是提供了Google Analytics Embed API这种需要稍微多一点技术基础的方式让你能够嵌入它们的图表。我会在这篇文章里详细地告诉你该如何一步一步实现一个和我的网站提供的一样的Google Analytics图表: https://tonyxu.io/analytics

效果预览:

preview

使用Firebase云函数统计网站访问数

现在越来越多人喜欢用Firebase托管静态页面,类似选择还有GitHub Pages。如果你想给Firebase托管的静态页面添加后端代码,那么恭喜你云函数就是为你准备的。其中使用云函数的场景可以是连接Firebase实时数据库并存取数据。

我在这给大家分享一个最简单的例子就是借助云函数实现访问统计,每次云函数被触发,就更新实时数据库里的网站访问统计。

自己 DIY Chrome浏览器的新标签页

有没有想过改造Chrome的默认新标签页? 如果有,我相信你肯定尝试过去Chrome应用商店下载一些拓展来定制新标签页。如果你觉得无论是默认,还是第三方提供的新标签页都无法满足你的需求,我建议你跟着我尝试自己制作一款Chrome拓展来定制你的新标签页。

HTTP头字段为何要弃用X前缀

2012年6月,互联网工程任务小组(IETF)发布了新的征求意见稿(RFC-6648),要求自定义HTTP头字段应放弃使用X-前缀。由于我所在的LinkedIn也在使用这类自定义头字段,因此特意阅读了这份征求意见稿,给大家解释以下为什么我们需要弃用它。

自己写脚本每日爬取租房价格推送到手机

在硅谷生活工作,租房是一个很重要的事情。在硅谷或者美国其他地方租房,很多人像我一样选择专门的出租公寓,这种公寓只租不卖,经营也比较专业化。大部分出租公寓会有官网可以查询价格/空房,并且可以在线签约,规模小一些的出租公寓可能就没有官网,租房信息只挂在第三方租房网站上。由于我和女票一个刚换新公司,一个即将要去新公司,因此物色好了一处公寓,准备过几个月入住。由于这处公寓的在线价格每天都在变化,因此自己写了一个脚本每天查询所有可供签约的房间价格和其他信息并推送到手机,以供参考。下面记录了一些我实现的过程。

程序员的Mac终端(oh-my-zsh)终极美化及必备插件推荐

如果你使用Mac进行开发,那么Terminal.app应该是你使用非常频繁的app了。初体验Terminal时你可能觉得单调乏味,阅读密密麻麻的内容也很费劲。但是如果你跟着我一起配置它,就会发现你平时觉得繁琐,不方便的地方其实都可以被完美解决,并且颜值也高了许多。

为客户端而生的OAuth2.0协议之PKCE授权码模式

如果你正在做一款原生客户端软件,同时你又需要用到OAuth2.0登陆,那么使用OAuth2.0带PKCE支持的授权码模式是你的最佳选择。下面我就和大家分享一下带PKCE的授权码模式为什么最适合原生客户端。

用GitLab-CI免费运行定时任务

本文介绍我是如何使用GitLab-CI免费地运行一些需要定时执行的脚本,而不需要在本地/服务器上使用cron job或者一直跑一个后台程序运行中间sleep。

使用IcoMoon减少98%的FontAwesome字体加载体积

FontAwesome是非常棒的图标字体库,引用了FontAwesome字体库后,仅需要通过HTML标签就可以把图标嵌入你的页面,非常之方便。然而默认使用方法虽然简单,但是会带来一个额外问题,就是加载的资源文件体积过大,如果你的页面本身就比较简单,字体库可能会让你的网页加载大小翻上好几倍。

下面分享一下我通过使用IcoMoon来生成只含有我需要的图标的图标库文件,瞬间减少大约98%文件大小的方法。

准备好你的下一份工作

这篇分享是我在DBL聚会和大家分享的内容,贴在这里以供大家阅读。

我想和大家在这篇文章里分享一下我最近跳槽的经历以及我总结的为什么我选择并成功跳槽的原因。我的重点会放在比较抽象的思考,而不是具体的技巧。