Penjoyer

前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。 而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。…

事情的起因是我们WMS系统内有一个批量打印的功能，今天仓库反应第一次打印的速度大概是2s，但是之后每次都越来越慢，到后面页面基本就直接卡死了。 从这个表现来看，这个问题基本可以定位成性能问题，而不是可以被try...catch到的异常。 一行行review这部分相关的代码，co…

webpack 是用于打包前端资源的绝佳工具。然而，当运行开始变慢时，开箱即用的生态和大量的第三方工具使得优化变得十分困难。虽然性能不佳是一种常态而不是特例。但也不是没有办法来优化，经过几个小时的调研与试错，我完成了这样一份现场指南，可以让我们在加快构建的道路上学到更多知识。 …

《React 学习之道》这本书使用路线图中的精华部分用于传授 React，并将其融入一个独具吸引力的真实世界 App的具体代码实现。 如何掌握 React 存在特别多的路线图。本书提取这些路线图中的精华部分，并将其融入于一个具体的应用程序当中。您将会构建一个属于自己的 Reac…

全文包含学习指南、新人上手、Webpack、性能、基础概念、函数式编程、面试、教程案例、Async Await、并发、V8、机器学习、数据可视化、调试、单元测试等章节，非常适合用于对自己 JavaScript 技术栈的比对，用于查漏补缺，适合收藏阅读。有删减。文中如有错误，欢迎…

JPEG可能是世界上使用最广泛的图像格式。如前所述，通过HTTP Archive的网站统计显示的图像中有45％是JPEG。诸如JPEG之类的格式最适合于具有多个颜色区域的照片或图像。大多数优化工具将允许您设置您满意的压缩级别;较高的压缩率会减小文件大小，但会引入伪影，光晕或块

WebP是Google最近推出的一种图像格式，旨在以可接受的视觉质量提供较低文件大小的无损和有损压缩。它包括对alpha通道透明度和动画的支持。在去年，WebP在有损和无损模式下比压缩方式增加了几个百分点，而速度方面，算法速度提高了一倍，解压缩了提升10％。

保持SVG精益意味着剥离任何不必要的东西。 用编辑器创建的SVG文件通常包含大量的冗余信息（元数据，注释，隐藏层等等）。 这些内容通常可以安全地移除或转换为更简单的形式，而不会影响正在呈现的最终SVG

最终，选择一个图像优化策略将归结为您向用户提供的图像类型，您决定的是一套合理的评估标准。 它可能是使用SSIM或Butteraugli，或者如果是足够小的一组图像，则脱离人类感知最有意义的东西。