在上传图片前获取该图片的文件流（beforeUpload中获取），对这个文件流进行压缩操作，再将压缩后的文件流传过去（resolve(newFile)），最后进行自定义的上传请求（customRequest中实现）。 前端本地图片的预览则可以选择blob或者base64的方式，…

以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义可以参见“Canvas API中文文档-drawImage”，这里不展开。 把大图片画在一张小画布上，压缩…

新春将至，一年一度的美团技术年货来了！祝愿大家在新年里，诸事顺遂、健康平安。这本电子书内容覆盖算法、前端、后端、数据、运维/安全等多个技术领域，希望能对同学们的工作和学习有所帮助。

## 前言 大家好，我是 simple ，我的理想是利用科技手段来解决生活中遇到的各种问题。

公司想做一个交互性良好、内容表达形式多样、章节清晰、条理分明、易于传播的“ppt”，问了一圈大家伙，只有我选择接下这个任务。

本文将带大家用原生JS手写一个完整的图片预览和查看的功能，无任何第三方依赖，兼容PC与H5，实现触屏双指缩放等，干货满满。

前天有幸看了尤雨溪 、月影、 郭辉、屈光宇 几位大佬的 《畅聊 Vue 3.0 & 前端技术新趋势》，属实 vue3 生态周边大全 的一波好家伙给震撼到了； 虽然我看直播中说的最多的是 别更新了

大家好，我是小杜杜，有关高性能，大数据量的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～

首先，先说明下该文章是译文，原文出自《AST for JavaScript developers》。很少花时间特地翻译一篇文章，咬文嚼字是件很累的事情，实在是这篇写的太棒了，所以忍不住想和大家一起分享。 该译文出自我的博客：github.com/CodeLittlePrince…