Alili Weekly 前端周刊 第十三期

Alili Weekly 前端周刊 第十三期

深入解析 ES Module

ESM 和 CJS 之间那些说不清的事……

ES6,JavaScript


wasm + ffmpeg 实现前端截取视频帧功能

有没有那么一种可能,在前端页面处理音视频?例如用户选择一个视频,然后支持他设置视频的任意一帧作为封面,就不用把整一个视频上传到后端处理了。经过作者一番摸索,基本实现了这个功能。

wasm,ffmpeg,JavaScript


狙杀页面卡顿 —— Performance 工具指北

“本次关于性能工具的讨论,我们从影响页面性能的因素谈起,随之引出了 Performance 工具擅长的维度 —— 前端资源渲染。接着,我们了解了 Performance 工具 4 个主要面板:控制、预览、线程、详情,还有几个实用的图表:帧率条形图、CPU 面积图、主线程火焰图、帧线程时序图、事件耗时饼状图。然后运用它们定位了一个性能问题,并着手解决了该问题。”

Performance,DevTools,JavaScript


TypeScript 3.0 重磅发布,新特性详解!

3.0 虽然是个大版本,但并没有包含太多重大的突破性变更(也就是说升级很容易)。新版本引入了一种新的灵活且可扩展的方式来构建项目、对操作参数列表提供了更强大的支持、新的强制显式检查类型、更好的 JSX 支持、更好的错误 UX,等等。

TypeScript


Xcube 智能一键生成 H5

Xcube 是基于 QQ 空间营收类活动所搭建的H5活动页面智能生成系统,是针对框架相对固定,高频率的运营 H5 活动所设计。

设计


写好 shell 脚本的 13 个技巧

这篇文章将介绍如何写出具有良好开发者体验的 shell 脚本。

SHELL


标签动态图片的进化:不是 GIF,胜过 GIF

长期存在并广泛应用的 GIF 格式存在图像质量损失严重和体积庞大等不足。在最新的 Safari 浏览器预览版中,可以在标签播放视频,满足了和动态图一样的需求。经过对比测试,标签下视频的各项性能均优于 GIF 格式。本文为你详解这项技术的现状和未来前景。

HTML5,Video,GIF


闲话 CDN

“作为一个服务于企业的开发人员,不仅要考虑 CDN 的优点,也要知道 CDN 给我们带来的坑,这样才能靠谱的作为 CDN 的使用者。”

CDN


浅谈流量劫持与防治

网络连接中流量劫持是怎么发生的,以及如何防御。

CDN,DNS,HTTPS,流量劫持


如何规范图表的适配 —— 以环形图为例

本文通过探索常用三大图表之一的环图适配问题,总结图表适配的一般方法。

设计,可视化


本文链接:

https://alili.tech/archive/g0um565bsaq/