在构思怎么给今年的年度总结写个开头时,愕然发现去年的开头完全可以拿来复用。依然只写了三两篇博客(还是一个烂尾的系列文章),依然是 忙 和 懒。但是相比于 2017 年,更重要的一个关键字应该是 变。
undefined
everything starts & ends
怎么使用 Service Worker
本文是 深入理解 Service Worker 系列文章中的第二篇
什么是 Service Worker
本文是 深入理解 Service Worker 系列文章中的第一篇
深入理解 Service Worker
PWA 作为 2018 年前端领域最火的技术之一已经引起了越来越多开发者的关注,其媲美 native app 的交互体验以及对前端开发者友好的入门难度让人不得不怀疑它将掀起新一轮的「App 技术革命」。而 PWA 最核心的「离线」能力,正是通过对 ServiceWorker 这个概念的灵活使用实现的。
我的 2017
博客的更新频率与我的工作时间呈现严格的负相关,14 年 13 篇、15 年 10 篇、16 年 4 篇、17 年 3 篇。最近一次更新博客,已经是将近 8 个月之前的事情了。上学的时候还经常感叹,为什么关注的很多大牛的博客都渐渐不更新了呢?工作几年后终于有了答案:忙 和 懒。
如何拦截 fetch 请求
在前端工程实践中,经常会有拦截 Ajax 请求的需求,比如统一添加 CSRF token,或者统一实现缓存处理等。在前 fetch 时代,如果使用了 jQuery,可以直接通过配置 jQuery.ajaxPrefilter
实现;如果用的是原生 API,也可以通过 hack XMLHttpRequest 完成同样的功能。
fetch 没有你想象的那么美
前端工程中发送 HTTP 请求从来都不是一件容易的事,前有骇人的 ActiveXObject
,后有 API 设计十分别扭的 XMLHttpRequest
,甚至这些原生 API 的用法至今仍是很多大公司前端校招的考点之一。
Mocha 测试设置 timeout 不生效的问题排查
Mocha 提供了针对不同粒度的测试超时配置项,但是最近在某个使用了 Karma + Mocha 的项目中遇到无论怎么设置 this.timeout()
Mocha 都顽固的在 2000ms 时报超时错误的问题,经排查疑似为当 Mocha 和 Karma 一起使用时,需要通过 karma.conf.js
来配置 Mocha 超时时间。
ReactRouter 4 前瞻
要问用 React 技术栈的前端同学对哪个库的感情最复杂,恐怕非 ReactRouter 莫属了。早在 React 0.x 时代,ReactRouter 就凭借与 React 核心思想一致的声明式 API 获得了大量开发者的喜爱。后续更是并入 reactjs group 并有 React 核心开发成员参与,俨然是 React 官方路由套件一样的存在。
Angular2 中那些我看不懂的地方
博客停更了近 3 个月,实在是愧对很多在微博上推荐的同学。因为最近大部分时间都投入在公司里一个比较复杂的项目中,直到本周才算正式发布,稍得解脱。