资讯中心

站内搜索

【vue2】纯前端实现本地的pdf/word/epub文件预览(包括pdf选中文字,epub高亮等)

前言 需求是预览本地的pdf/word/epub格式的文件,但是搜索后发现没有可以直接使用的,格式不同,显示的方式和效果也都略有不同。 最后还是分别实现预览的功能。 如果只需要预览pdf/word等格式的话,可以使用的方案:vue-office,支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。也支持非Vue框架的预览。 补充功能:pdf选中文字,epub高亮(我的需求是选中pdf/epub的文字后进行收藏) 实现 pdf预览和选中文字高亮 方

h5项目编写成app,你还不了解吗?直接打包和套webview结合uniapp两种实现方式

h5的app需求 在各种需求中 大致有两类 让h5直接运行成app,有一个成熟的h5项目,想直接打包app 不想触发app更新,又能获取最新的更新效果,使用webview套h5,最终生成app 今天笔者带大家粗略实现以上的两个需求 h5直接打包app 使用hbuiderx帮助 打开hbuiderx 新建项目 选择 5+app 删除其他的多余文件 将自己打包生成的文件进行替换 一般vue和react生成打包的项目也是这种结构 引入进去 然后manifest去引入自己需求的ap

前端个人年度工作述职报告(二十篇)

  前端个人年度工作述职报告篇1 尊敬的各位领导、各位同仁: 大家好!按照20__年度我公司就职人员工作评估的安排和要求,我认真剖析、总结了自己的工作情况,现将本人工作开展情况向各位领导、同仁做以汇报,有不妥之处,希望大家批评指正。 一、自律自省,团结协作,工作状态充满活力 自20__年7月到公司工作,作为一名__的职员,我深知工作中“群策群力”的深刻道理。这半年多来,我在工作上积极尝试,在职场理念上不断更新,在规章制度面前坚持原则,在同事间春风送暖。一言一行经常提醒自己严于律己,

为什么前端数值精度会丢失?(BigInt解决办法)

        相信各位前端小伙伴在日常工作中不免会涉及到使用 JavaScript 处理 数值 相关的操作,例如 数值计算、保留指定小数位、接口返回数值过大 等等,这些操作都有可能导致原本正常的数值在 JavaScript 中确表现得异常(即 精度丢失)。 精度丢失场景 浮点数的计算 1、加法和减法 0.1 + 0.2 // 结果为 0.30000000000000004 0.3 - 0.1 // 结果为 0.19999999999999996 // 这是因为浮点数的二进制表示无

如何使用web文件管理器Net2FTP搭建个人网盘

1.前言 文件传输可以说是互联网最主要的应用之一,特别是智能设备的大面积使用,无论是个人存储文件资料,还是商业文件流转,都有数据存储和传输的需求。有需求就有市场,相应的传输软件层出不穷,而这些软件也各有各的特色,在这些软件的加持下,我们可以轻松的将不方便携带的电脑转变成为数据存储中心,再配合cpolar内网穿透创建的数据隧道,就可以轻松构建专属的私有云盘。今天,笔者就为大家介绍,如何使用Cpolar内网穿透+***2FTP,打造私人专属的文件共享网站。 2. ***2FTP网

Vue3进阶使用详解(node.js、Vue3路由基础项目、axios的使用详细(实现数据分页---前后端分离)、axios加载失败)

Vue3进阶使用详解(node.js、Vue3路由基础项目、axios的使用详细(实现数据分页—前后端分离)、axios加载失败) Vue cli CLI是***mond-Line Interface,翻译为命令界面,又称脚手架。VueCLI是一个官方发布vue.js项目脚手架。使用VueCLI可以快速搭建vue开发环境以及对应的webpack配置。 环境搭建 1、安装node.js 通过中文官网去下载:https://nodejs.*** 安装的过程是全程点击下一步,除

【uniapp】禁止遮罩层下的页面滚动解决办法

【uniapp】禁止遮罩层下的页面滚动解决办法 不少朋友在日常工作中都会遇到需要自定义弹窗的时候,当开启弹窗后,却发现存在弹窗下的页面依旧可以被触发滚动的问题,以下是相关的解决方法。 可用方法(不推荐):最外层 view 设置 height 和 overflow 根据是否打开的弹窗状态,对最外层 view 设置 height 和 overflow: <!-- 页面 view --> <view :style="{height:isOpenCheck?'10

Web Service接口的请求、调用方式

Web Service接口的请求方式主要有以下几种: 1、SOAP(Simple Object A***ess Protocol):是一种基于XML的消息协议,常用于Web Service接口之间的通信。SOAP消息可以使用HTTP、SMTP等协议进行传输。 2、RESTful(Representational State Transfer):是一种基于HTTP协议的Web Service架构风格。RESTful风格的Web Service接口使用HTTP协议的GET、POST、PUT、D

colab防止掉线断连及清除方法

colab防止掉线(断连) 使用google colab时如果长时间不交互可能会掉线,数据全部丢失。 解决方案(2023年2月有效) 网上有些方法已经不再有效,下面是本人2023年2月亲测可用的方法 按键Fn+F12,或者Ctrl+ Shift + i ,或者直接在代码外位置右键检查,打开开发调试工具,在Console中输入一段代码并回车即可 function ConnectButton(){ console.log("Connect pushed"); docu

SQL中Partition的相关用法

使用Partition可以根据指定的列或表达式将数据分成多个分区。每个分区都是逻辑上独立的,可以单独进行查询、插入、更新和删除操作。Partition可以提高查询性能,因为它可以限制在特定分区上执行查询,而不是在整个表上执行。 在SQL中,常用的Partition函数包括: PARTITION OVER 用于在分区内进行计算。它可以在每个分区内对数据进行排序、聚合、分组等操作。 SELECT id, name, age, salary, AVG(salary) OVER

vue3插件——vue-web-screen-shot——实现页面截图功能

最近在看前同事发我的vue3框架时,发现他们有个功能是要实现页面截图功能。 效果图如下: 最近项目遇到的要求是弹出框上传文件,需要用到页面截图,由于使用的是Vue3的框架于是选择用vue-web-screen-shot组件进行操作。(由于插件是Vue3编写的,所以只适用于Vue3的项目,如果是Vue2的项目,截图组件可以使用js-web-screen-shot) 下面介绍实现步骤: 1.操作步骤 1.1在项目中添加vvue-web-screen-shot

VUE+webrtc-streamer 实现实时视频播放(监控设备-rtsp)

效果 下图则启动成功,此时在浏览器访问127.0.0.1:8000可以看到本机监控画面 1、下载webrtc-streamer 地址:https://github.***/mpromo***/webrtc-streamer/releases 2、解压下载包 3、双击webrtc-streamer.exe启动服务 4、将下载包html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到VUE项目publ
加载更多

一个令你着迷的主题!

查看演示 官网购买