# 第 7 期 - 重庆洪崖洞

> 封面图摄影重庆洪崖洞，一座神奇的城市，吃玩都还不错，晚上的重庆很有赛博朋克的感觉，你的团队 Outing 可考虑

- Issue: 7
- 发布日期: 2021/01/05
- HTML: https://weekly.tw93.fun/posts/7
- JSON: https://weekly.tw93.fun/api/posts/7.json
- English translation: https://weekly.tw93.fun/en/posts/7.md

---

<img src="https://gw.alipayobjects.com/zos/k/26/INUqPy.jpg" width="800" />

<small>封面图摄影重庆洪崖洞，一座神奇的城市，吃玩都还不错，晚上的重庆很有赛博朋克的感觉，你的团队 Outing 可考虑</small>

> **记录每周看到的前端潮流技术，筛选后用接地气方式发布于此，关注此专栏可以及时收到更新~**

## 好文和学习

**2020 年你不应该错过的 CSS 新特性**  
<https://juejin.im/post/6886258269137043464>  
作者从 2020 第四届伦敦 CSS 分享会[what's new in 2020 PPT](https://london-css-2020.netlify.app/#)出发，加上自己了解的角度讲了近 24 个新特性，很是值得大伙研究

**聊聊 ESM、Bundle 、Bundleless 、Vite 、Snowpack**  
<https://segmentfault.com/a/1190000025137845>  
之前潮流周刊第 5 期有介绍过用「其他语言来写 JS 工具」，刚好看到一篇国内文章将这几个都讲了一遍如何使用，可全面学习下

**Meet Face ID and Touch ID for the Web**  
<https://webkit.org/blog/11312/meet-face-id-and-touch-id-for-the-web/>  
来做 webkit 官方一篇 Blog，将 Face ID 和 Touch ID 应用到 Web 中，一种很好的代替密码登录的方式，很是期待早日落地

**阿里拍卖全链路导购策略首次揭秘**  
<https://mp.weixin.qq.com/s/pMrs8JiJGrzIOhtDHGlutA>  
技术和业务的关系一般都是密不可分的，通过此文来深入了解下阿里拍卖的全链路导购策略技术吧

**计算机网络基础知识总结**  
<https://juejin.im/post/6885468617580904455>  
很像大学计算机网络考试前整理的书本知识笔记，讲到发展历程、协议、网络核心概念、物理媒介等内容，对于已工作的前端同学可当做看教科书式复习一波~

## 开源和工具

**Auto.js-安卓平台上的 JavaScript 自动化工具**  
<https://github.com/hyb1996/Auto.js>  
目前网络上薅羊毛用的一个神器工具，借此来完成一些自动化的点击、领取，有 Android 的同学可去玩玩

**FingerprintJS-现代灵活的浏览器指纹库**  
<https://github.com/fingerprintjs/fingerprintjs>  
从浏览器指纹生成用户的唯一标识符，Fingerprint 和 cookies 以及本地存储不同，它在隐私模式下甚至在清除浏览器数据下依然有效，值得一试

**SpaceVim 模块化 Vim 配置环境**  
<https://github.com/SpaceVim/SpaceVim>  
SpaceVim 是一个模块化的 Vim 集成配置环境，以模块的方式组织插件，同时为不同的语言开发量身定制了相关的开发模块，这些模块通常包括自动补全， 语法检查、格式化、调试、REPL 等相关功能，Vim 爱好者应该比较熟悉的一个工具
<img src="https://gw.alipayobjects.com/zos/k/ie/LvV4P5.jpg" width="800" />

**Actionsflow-代替 IFTTT 的开源自动工具流**  
<https://actionsflow.github.io/docs/>  
使用 Actionsflow，可以连接你喜欢的应用、数据和 api，在操作发生时做一些接收通知，同步文件，收集数据自动化的事情

**Awesome Data Engineering**  
<https://awesomedataengineering.com/>  
国外关于成为一名数据工程师的学习最佳实践梳理成一个路线图，包括各学科需要看的最佳书籍、最佳课程和最佳文章

**ChineseBQB-中国表情包大集合**  
<https://github.com/zhaoolee/ChineseBQB>  
原来真的有系列，有同学居然将表情包大部分给收集整理起来了，感觉可以拿着这个和输入法、聊天工具做一些有趣结合事情

**Scaffolder-脚手架模版生成工具**  
<https://github.com/galElmalah/scaffolder>  
用于脚手架工具中模版结构的制定以及模版字符串的快速替换的工具，初步看还是比较方便，一个轻量的 Generator

**HitCount-简单但现代的网站访问计数器**  
<https://hitcount.io/>  
通过一个图片 url 引入到网站中，很开箱即用的用于访问总量的计数

## iOS 和多端

**OnRL: 基于在线强化学习的移动视频传输优化**  
<https://mp.weixin.qq.com/s/YPgxinHa_mGQ82waLqNDqA>  
从 2019 年开始，淘系技术部内容社交互动团队和北京邮电大学周安福教授一起着手研究更好的基于机器学习的智能拥塞控制算法，在实验室环境完成原型验证后在淘宝直播的生产环境做实际效果对比，从实际数据来看效果明显，后面梳理出这篇总结

**浏览器是如何调度进程和线程的？**  
<https://mp.weixin.qq.com/s/bkSmKYGHk0V5eZIfuSTNyQ>  
作者以 Chrome 为例，给你浅显介绍线程和进程这两个概念，看完后再去学习 JavaScript 的执行机制会更便于理解

**iOS 性能优化：优化 App 启动速度**  
<https://mp.weixin.qq.com/s/h3vB_zEJBAHCfGmD5EkMcw>  
从 iOS 启动的名词解释、启动介绍、测试 App 启动时间最后到使用 Instruments 分析和优化 App 启动过程以及如何监控时间来一一介绍，前端同学可当做科普文来看

## 灵感和思路

**手机建筑摄影：从理解建筑之美开始**  
<https://daily.zhihu.com/story/9729231>  
本文主要从设计角度讲手机建筑摄影，看完后很有一种「建筑是凝固的音乐」的完美诠释，也不由播放起「重塑雕像的权利」的音乐

**作弊与反作弊的较量：分屏器真的安全吗？**  
<https://zhuanlan.zhihu.com/p/155819108>  
不少高校由于疫情将考试从线下搬到了线上，但不同于线下，线上监考由于增加了更多不可控因素，作者用尽可能通俗易懂的方式，向大家分享一些作弊与反作弊的知识，很是潮流

**与用户研究有关的一些基础问题**  
<https://mp.weixin.qq.com/s/8HLFSMBwq_yqEVOJ2CQg3Q>  
来做腾讯 CDC 的一篇文章，对于用户研究工作，在很多时候是通过研究获得对用户的理解，然后将理解传递出来，以“解释”和“预测”的方式来发挥作用，那么怎么来“获得理解”呢？

**Zoomstock-视觉组织的搜索引擎**  
<https://zoomstock.com/#i=iias9qas98pmdkp&d=3&x=55&y=42>  
Zoomstock 是一个视觉组织的搜索引擎，目前索引了来自顶级免费图片网站的数百万张照片和插图，通过图片去搜索相近的图片

**一个 CSS3 的动画案例**  
<https://codepen.io/hexagoncircle/full/gOMrbOR>  
<img src="https://gw.alipayobjects.com/zos/k/ud/123jdsjadj.gif" width="800" />