一.前言 web端上传文件需求是很常见的，如单文件/批量上传等场景等，网络上很多资源都是针对单文件操作案例，导致部分基础较差的前端童鞋无法理解多文件批量操作。所以现将公司实际项目的完整案例记录如下 特

一行代码就能完成的事情，为什么要写两行；常用的单行代码技巧，迷惑同事的操作，让人看着就不明觉厉！！！

将DOM改写为canvas，然后利用canvas的toDataURL方法实现将DOM输出为包含图片展示的data url。 使用HtmlCanvas2实现。 使用rasterizeHTML.js实现。 (1)、利用DOM改写为canvas的方式：相当于完全重写了整个页面的布局样…

有时用户希望将我们的报表页面分享到其他的渠道，比如邮件、PPT等，每次都需要自己截图，一是很麻烦，二是截出来的图大小不一。 html2canvas库就能帮我们做到，无需后台支持，纯浏览器实现截图，即使页面有滚动条也是没问题的，截出来的图非常清晰。 这个库的维护时间非常长，早在2…

本文包含了在线编译，在线编辑、实用工具、可视化工具、各种前端电子书等50多个网站，快放到你的收藏夹吃灰吧！

开源的世界每天都丰富多彩，2022年前端领域会有什么新的挑战？下面是我们整理的20个有趣的开源项目，希望当中有您想要收藏的那一个。

这篇文章给大家分享一个业内一款出色的包管理器——pnpm。目前 GitHub 已经有 star 9.8k，现在已经相对成熟且稳定了。它由 npm/yarn 衍生而来，但却解决了 npm/yarn 内部潜在的 bug，并且极大了地优化了性能，扩展了使用场景。下面是本文的思维导图:…

事情是这样的，前段时间`外包工头`老杨又来找我了，说某汽车大品牌要开发一个网页展厅，希望可以在网页里360度展示它家新款汽车的3d模型，还要可以让用户DIY汽车部件的颜色。

前面笔者已经介绍了 2022-移动端H5网页开发必备知识，这篇文章主要是总结下移动端开发常见问题，帮助大家一起避坑。 HTML方面 调用系统功能 忽略自动识别 有时电话、邮箱的自动识别会很烦，我