欢迎来到《前端精选》，这里记录有趣的见闻，每周一发布。

封面

外滩雨景

话题

学习的方法

我们每天从网络接收大量的信息，但是大部分匆匆而过，留下寥寥，是时候重新思考学习的方法。

回想读书时候，我们常常 做笔记，其实这些未必是考点，但是就像锚点，串联知识脉络，使之不易忘记；即使忘记，一提仍会记起。

我认为做笔记在网络时代的学习也是适用的，这也是创作本刊的初衷。你有哪些学习方法的思考，欢迎留言讨论。

上周二，阮一峰正式发布 TypeScript 教程，这是继 ES6 教程教程后的又一力作，延续他一贯的深入浅出、全面透彻的风格，是 TypeScript 入门、知识点补漏的优秀材料。

这是一个集 sql 学习和练习的在线工具，开源，覆盖常用 select 使用方式，包括子查询、联表查询等，对 sql 学习是一个精悍工具和良好补充。

很漂亮的图册组件，支持缩略图、方向键、全屏等，适用于各类图片预览需求。

这是 Edge 浏览器团队的一篇博客，介绍了 CSS 选择器的查找原理和性能优化方法，查找原理是按从右到左的次序匹配，越精确性能越高，优化方法则是用开发者工具 Performance 的 Selector Stats。

文章讲述一个主要用 CSS 实现时钟的方法，思路是：JS 获取当前时间保存的 CSS 变量中，用 CSS sin/cos 摆放1到12表示小时的数字，再用 CSS animation 控制指针旋转。

box-shadow 只能设置单色阴影，如何实现渐变阴影呢？本文讲述了2种实现方式，其原理是使用伪元素的 background 和目标元素组合，并提供了一个生成渐变阴影的工具。

VSCode 团队博客文章，介绍了他们如何用名称修饰压缩代码，由于 JS 的动态性，压缩工具难以修改属性名，于是利用 TypeScript 语言特性对 class private 属性名进行压缩，取得了不错的效果。

CSS 过大也会影响页面性能，那能不能提取首屏视口所需的 CSS 呢？本文讨论了这种提取关键 CSS (critical css) 的方法，并列举了一些工具。

本文介绍了一种利用 debugger 反调试的方法，由于大多数浏览器都支持关闭断点调试，作者还修改了 debugger 关键字并重新编译 Firefox。

文章图文并茂的详述了快排原理、代码和复杂度，文末还总结了几大常用排序算法，非常适合非科班同学阅读，也有利科班同学温故知新。