共计 1454 个字符，预计需要花费 4 分钟才能阅读完成。
蒲公英 · JELLY 技术周刊 Vol.33
页面文件太大？图片过大了吧；页面加载白屏？很有可能是字体文件还没加载完；页面加载工夫过长？多半是主过程被阻塞……该怎么办呢？快来小葵，咳咳，「蒲公英」前端根底课堂补课看看，可别本人一人学废了。
登高远眺
天高地迥，觉宇宙之无穷
根底技术
怎么应用 WebWorker 进步用户界面的响应速度
浏览器执行 javascript 脚本是单线程的，当执行一些耗时较长的工作时，原本响应用户操作的工作会阻塞；一个解决办法是把这些耗时长的工作革新成异步操作，但在一些不好革新的工作，如图片像素剖析或解决等，能够应用 WebWorker 解决，以让出主线程响应用户界面操作。
如何优雅的应用自定义字体
应用自定义字体时，如果先加载字体文件，再渲染文本内容，则会加长文本渲染前的空白工夫。本文介绍了一种应用预连贯、异步加载的办法加载字体文件，并应用和自定义字体相近的零碎字体作为兜底，从而达到内容渲染速度与防止文本闪动的均衡。
CSS3 Patterns: 纯 CSS 图案成果
通过纯 CSS3 突变个性实现的一系列十分乏味的图案成果的汇合，如通明底、墙面、棋盘、鱼纹、蜂窝、Lined Paper、各类布料纹理等，代码简洁明了，能够不便地利用到咱们的理论我的项目中。如果你也有创意与技巧，独乐乐不如众乐乐，去提交一个分享吧。
2020 年 CSS 年度报告
2020 年 CSS 应用报告，能够借此理解 CSS 的开发者现状，理解个性应用状况及周边工具等。
设计哲学
在千亿的成交额背地，前端工程师是如何做“资损防控”的？
资损，顾名思义就是平台产生了与用户或客户心理预期不符、间接或间接产生经济损失的场景。本文通过阿里前端同学的思考以及淘系双 11 的实际为大家提供一些资损防控的教训参考。
跨端框架技术
什么？Kubernetes 未然弃用 Docker？
目前，Kubelet 中的 Docker 反对性能现已弃用，并将在之后的版本中被删除。Kubelet 之前应用的是一个名为 dockershim 的模块，用以实现对 Docker 的 CRI 反对。但 Kubernetes 社区发现了与之相干的保护问题，因而倡议大家思考应用蕴含 CRI 残缺实现（兼容 v1alpha1 或 v1）的可用容器运行时。
桑田拾遗
桑田拾遗，积跬步以至千里
怎么应用 Service Workers 动静响应图片
有一个困扰 web 用户多年的难题——失落网络连接。即便是世界上最好的 web app，如果下载不了它，也是十分蹩脚的体验。Service Worker 能够使你的利用先拜访本地缓存资源，所以在离线状态时，在没有通过网络接管到更多的数据前，仍能够提供根本的性能。
从浏览器渲染层面解析 CSS3 动效优化原理
在网页开发中，咱们常常会须要实现一些动效来让页面视觉效果更好，谈及动效便不可避免地会想到动效性能优化这个话题，缩小页面 DOM 操作，缩小页面的重排，开启硬件加速……那么这些和动画优化又有何关系？就让小编。。额，小助手为你揭开其中原理。
「蒲公英」期刊，每周更新，咱们专一于开掘「根底技术 、 工程化 、 跨端框架技术 、 图形编程 、 服务端开发 、 桌面开发 、 人工智能 、 设计哲学 、 前端框架」等多个大方向的业界热点，并加以业余的解读；不仅如此，咱们还会推介精选凹凸技术文章，向大家出现团队内的钻研技术方向。
低头俯视，蒲公英的种子会生根发芽，如夏花灿烂；格物致知，咱们登高远眺、桑田拾遗，以求积硅步而至千里。
蒲公英 · JELLY 技术周刊奉献指南
欢送关注凹凸实验室博客：aotu.io
或者关注凹凸实验室公众号（AOTULabs），不定时推送文章。
