前端实现文件预览（pdf、excel、word、图片），使用pdfjs第三方包和canvas实现pdf文件渲染，使用xlsx预览excel文件，使用docx-preview预览word文件

不知各位朋友现在在web端进行登录的时候有没有注意一个变化，以前登录的时候是直接账号密码通过就可以了，而现在我们需要通过拼图的验证才能成功登录

前言 长列表渲染一直以来都是前端比较头疼的一个问题，如果想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好，主要有以下问题： 页面等待时间极长，

本文从项目背景、技术调研和选型、整体设计思路等维度，详细阐述了一个基于 WebAssembly 和 TypeScript 的类 React 前端框架。

大家好，我卡颂。 最近，React新文档终于上线了。从内容上看，新文档包括： 理论知识、学习指引 API介绍 从形式上看，新文档除了传统的文字内容，还包括： 在线Demo 示意图 小测验 可以说是阅读

对于几百M或上G的大图而言，不管对图片进行怎么优化或加速处理，要实现秒开也是不太可能的事情。而“图像分割切片”是最佳解决方案。图像切片是指将一张大图分割成若干个小图的过程，以便于存储和处理。

| 导语 其实在前端编码中，或多或少都会接触到沙箱，可能天真善良的你没有留意到，又可能，你还并不知道它的真正用途，学会使用沙箱，可以避免潜在的代码注入以及未知的安全问题。 沙箱，即sandbox，顾名思义，就是让你的程序跑在一个隔离的环境下，不对外界的其他程序造成影响，通过创…

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

此次主要是利用Element-ui+vue-cropper完成此需求,话不多说上代码。 上传图片时会触发changeUpload此钩子函数，由于剪裁图片是以弹框形式唤起，因此我们的行为可以在此钩子函数中写。 在cropper.vue中主要起剪裁作用的是finish()方法以及c…