首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    StreamSaver.js入门教程:优雅解决前端下文件的难题

    theme: smartblue 本文简介 本文介绍一个能让前端优雅下载大文件的工具:StreamSaver.js StreamSaver.js 可用于实现在Web浏览器中直接将大文件流式传输到用户设备的功能...环境准备 要学习 StreamSaver.js 首先要准备一份或者多份可下载的文件。 你可以使用网络上的文件资源,但这需要你自己去找。 你也可以自己的电脑运行个服务,把文件资源丢进去即可。...项目运行起来,浏览器访问 http://localhost:端口号/public/test.txt 就能查看到这个文件内容。...但如果这个文件浏览器是读得懂的,比如 .txt 文件,那浏览器就不会执行下载,而是会直接在页面中把文件内容展示出来。 此时就可以使用 StreamSaver.js 来解决这个问题。...zip-stream.js StreamSaver.js 的仓库里有。 zip-stream.js /examples 目录里。

    1.5K30

    【IDM】IDM 6.29下速度最快的工具(电脑版、手机版、浏览器插件)

    idm多个版本下载地址(电脑、手机浏览器插件都有):www.yijiaup.com/baidu-tiaozhuan/0001.html?...1、添加idm接管的浏览器除了IDM自带配置好的一些浏览器,如谷歌、火狐、edge等浏览器,idm会自动接管浏览器的下载任务外,需要使用uc、qq、猎豹等其他浏览器,我们也可以手动添加浏览器,这样在下载浏览器中的文件时...、音频等文件,并将“默认下载目录”和“临时文件夹”更改为非系统盘的文件夹,最后点击“确定”即可。...2、可以录制直播如果安装了idm插件,进入直播间时,idm会自动捕捉直播源,捕捉到之后会弹出下载浮窗,点击浮窗即可开始录制直播,要是不想录制了,在下载窗口中点击“取消”即可取消录制。...除了以上两个使用技巧,idm下载器还能配合“油猴+脚本”实现百度云文件的不限速下载、支持批量下载文件、站点抓取等等。

    3.1K40

    浏览器中使用TensorFlow.js

    TensorFlow.js是一个库,用于使用JavaScript开发和训练机器学习模型,并将其部署浏览器中或Node.js上。...前言 Mindee,TensorFlow团队开发了一种基于python的开源OCR,DocTR,希望能在70%的开发者使用JavaScript的情况下,能够选择将它部署浏览器中,以确保所有开发者都能使用...模型转换和代码实现 由于最初模型是使用TensorFlow实现的,因此需要进行Python转换才能在web浏览器中大规模运行。....js JSON格式。...一台带有RTX 2060和i7 9th Gen的现代计算机上,检测任务每幅图像大约需要750毫秒,使用WebGL后端识别模型每批32个农作物(单词)大约需要170毫秒,使用TensorFlow.js基准测试工具进行基准测试

    24410

    浏览器中本地运行Node.js

    WebAssembly和新功能API的出现使编写基于WebAssembly的操作系统似乎变得可能,该操作系统功能强大到可以完全浏览器中运行Node.js。...它还可以完全您的浏览器中运行,从而带来一些关键的好处: 比本地环境快。与yarn / npm相比,构建速度最多可提高20%,而卷装安装速度则可快5倍以上。 浏览器中的Node.js调试。...所有代码执行都发生在浏览器的安全沙箱中,而不是远程VM或本地二进制文件上。 同样,这些环境不在远程服务器上运行。而是,每个环境都完全包含在您的Web浏览器中。...没错:Node.js运行时本身第一次浏览器中本机运行。 从现在开始,WebContainers现在处于公开测试阶段。...我知道,这令人震惊;)通过浏览器中执行Node.js,与Chrome DevTools的集成即开即用。无需安装,无需扩展,仅在浏览器中进行本机后端调试即可 运行服务器,在你的浏览器中 实际上。

    3.6K10

    JS 浏览器端的运行机制

    先来看几个问题 1、JS为什么是单线程? JS的单线程,与他的用途有关。作为浏览器脚本语言,Js的主要用途就是与用户互动,以及操作DOM。这决定了它只能是单线程。...试想一下,假设现在有process1、process2两个线程,process1某个DOM节点上添加了内容,process2删除了这个节点,那这时浏览器应该以哪个线程为准呢?...所以,为了避免复杂性,JS从诞生起就是单线程 2、为什么需要异步任务? 既然JS是单线程,那么所有的任务就得排队,一个个执行,假如上一条任务执行了很久,那么后面的任务就会被阻塞。...所以,JS需要异步任务。...也就是说,如果主线程执行了10秒,那这个任务就会在10+3秒后执行 JS 浏览器端的运行机制 - 小鑫の随笔:https://xiaoxina.cc/p/4b4d.html

    68930

    如何浏览器里用js解析excel文件

    上篇文章给大家介绍了如何借助nodejs平台解析操作excel,今天给大家介绍如何在浏览器端使用js解析操作excel。...文章开始之前我们要搞明白一件事情,那就是浏览器端用js操作excel主要来做什么呢? 主要做两件事情读和写,对就是这两件事情,浏览器端针对Excel操作的所有需求无非就是读和写。...代码演示之前先来熟悉一个npm包,名称叫做xlsx,地址为https://www.npmjs.com/package/xlsx,这个包前后端通用,咱们先演示浏览器端的使用。...以上便是二进制数据浏览器中显示的结果,这里需要注意第三步中的readAsBinaryString可以替换为另外一个方法,代码如下: ?...以上便是浏览器借助js读取excel文件,代码量不多但稍微有点繁琐,涉及到了FileReader这个html5的新特性。

    10.2K52

    Node.js中读写文件

    与其他任何编程语言一样,Node.js提供了用于处理操作系统文件的本机fs模块。 使用此模块,您可以轻松地读取,写入和观看文件以及许多其他内容。...本教程中,我们将学习如何使用Node.js FS包从本地文件系统读取和写入文件。 注意: 无需安装。 由于fs是本机模块,因此不需要安装它。...从文件读取 Node.js中读取文件的最简单方法是使用fs.readFile()方法,该方法异步读取文件的全部内容。...写入文件 Node.js中将数据写入文件的最简单方法是使用同一fs模块中的fs.writeFile()方法。...如果文件不存在,则会创建该文件将控制返回到程序之前,这两种方法都将继续写入文件,直到写入了全部内容。如果要写入大量数据,则可能会影响应用程序性能。

    5.2K20

    用Vue.js浏览器中裁剪图像

    本教程中,我们将探讨如何在浏览器中使用 JavaScript 库来操作图片,为服务器上的存储做准备,并在 Web 程序中使用。...Vue.js项目中使用JavaScript裁剪图像 现在项目应该几乎已配置好并可以在网络上裁剪图像。为了保持我们的项目整洁,我们将创建一个新的Vue.js组件来处理我们所有的图像处理。...项目中创建 src/components/ImageCropper.vue 文件,并包含以下样板代码: 1 2 3 <div class="img-container...<em>在</em>我的示例中,有一个 public/logo.png <em>文件</em>,你可以根据需要随意修改它。<em>在</em>真实的场景中,你会使用用户将要上传的图像。...如果你想了解如何上传<em>文件</em>(如裁剪图像),可以查看我之前的教程“通过 Vue.<em>js</em> 将<em>文件</em>上传到远程Web服务”【https://www.thepolyglotdeveloper.com/2017/12/

    4.2K30

    浏览器端用JS创建和下载文件

    浏览器端用JS创建和下载文件 1 需求 前端需要把获取的数据生成文件让用户下载,按照以往生成 a 标签 href 指向目的文件,不仅需要有已经生成的文件服务器路径,而且很多浏览器支持类型的文件会默认加载而不提示用户选择路径下载...2 解决方案 2.1 下载取代加载:H5标签属性 HTML5 中 a 标签增加了 download 属性,点击链接时浏览器不会打开链接指向的文件,而是改为下载(目前只有chrome、firefox和opera...支持),下载时会直接使用链接的名字来作为文件名(可给 download 加上文件名进行修改,如: download=“file.js”) 2.2 生成文件:DataURI 用js将内容生成文件可以仿照图片...通常用来创建图片 DataURI 显示图片,这里用来下载文件,参数是 File对象(通过input[type=file]选择的文件)或 Blob 对象(二进制大对象),让浏览器自动设定文件类型 解决类型限制...evt = document.createEvent("HTMLEvents"); evt.initEvent("click", false, false);//initEvent 不加后两个参数FF

    4.7K120

    js监听手机端点击物理返回键或js监听pc端点击浏览器返回键

    之前项目中遇到一个问题,就是微信网页上面本来是有返回按钮的,但是大多数人都为了方便,会使用安卓手机自带的物理返回键,这个返回键按下后,就会按照你浏览器的栈存储的路径来一层一层返回,就不执行你页面上的那个返回按钮的操作了...),则把这次行为当作是返回键被按下了(把点击浏览器的后退按钮也误算进来了,不过没啥好法子了呀)。...不过这个方法有些缺陷: 如果项目本身使用了pushState,则历史记录会有瑕疵(多了一个历史); 浏览器的后退按钮点击以及调用history.back()也会被当成按下了返回键。...举个例子: 我vue的项目中引入xback.js  关于上面...vue中引入外部js,请参考 http://www.cnblogs.com/zhuchenglin/p/7455203.html 然后vue中定义一个load_xback 方法 load_xback

    9.3K10

    JS浏览器和Node下是如何工作的?

    浏览器中的情况 假设你浏览器中打开一个页面,其使用了一个单独的 JS 执行线程。该线程负责处理所有事,如滚动页面、打印页面上的某些东西、监听 DOM 事件(比如点击)等等。...还好有现代浏览器 -- 并非所有打开的浏览器 tabs 都依赖同一个 JS 线程,相反每个 tab 或每个域名都有各自的 JS 线程。...浏览器会在那个请求完成之前假死吗?真那么样的话,用户体验可太糟了。 浏览器有一个 JS 引擎,用来提供 JS 运行时环境。...但你猜怎么着,浏览器不只有这一个 JS 引擎呢,其底层机制大概是这样的: ? 看着眼花缭乱其实很好理解。... Node.js 中会怎样 当同样的事情发生在 Node.js 中时,就得做的更多些了 -- 因为 node 所承诺的能力也更强。浏览器中,我们被能在后台做什么掣肘。

    2.1K10
    领券