前端
文章平均质量分 57
private_static
一只冉冉升起的小白
展开
-
PDF在线预览插件touchPDF.js:手机端预览
接上一篇web端预览,博主找了一篇关于手机端的预览插件,丑是丑了点,但是能用,下面就来介绍一下吧!PDF在线预览插件:手机端预览1、编辑界面的HTML代码2、第二步就没了3、既然这样那我们直接上预览图吧项目相关:version : pdf.compatibility上篇博客也说了,这段时间再开发一个功能Pdf在线预览,也介绍完了电脑端网页预览插件,但之前用的PDF-object并不支持手机网页端预览,因为需求需要,所以有研究了一下手机端的,这里就讲一下手机网页端预览的插件!博主也简单做了.原创 2022-03-11 11:46:36 · 2438 阅读 · 2 评论 -
PDF在线预览插件:PDFObject web端预览(不支持手机网页预览,手机网页预览见下一篇博客);
电脑网页端实现PDF在线预览插件- -PDFObject1、引入2、HTML中开拓个模块区域3、JS动态载入PDF4、效果图演示项目相关:version : PDFObject v2.2.7Vue 、 BootStrap这段时间再开发一个功能,期中遇到了一个Pdf在线预览的问题,其实电脑网页端预览都是比较简单的,有很多插件可以用,而我用的是PDFObject,比较简单,容易上手,下面来简单介绍下吧!博主用的是PDFObject v2.2.7版本的插件,下面提供我的:–PDFObject原创 2021-11-30 14:04:18 · 2032 阅读 · 0 评论 -
如何通过JS动态给li标签添加点击事件并跳转
如何给li标签添加点击事件**原创 2021-11-29 17:01:28 · 5361 阅读 · 0 评论 -
Uncaught TypeError: n.apply is not a function at HTMLButtonElement.t (vue.min.js:6)
Vue报错:n.apply is not a function继续我的代码生涯,今天操作个web界面的时候遇到一个错误。他它没有明确提示是哪行的代码错了。这个错其实之前也遇到过。太久又忘了。今天记录一下,提醒自己吧。报错如下:这个错的原因是vue中参数重名,仔细检查下参数。改下参数名就OK了。一只(直)不务正业的后端码畜!...原创 2021-03-13 12:02:13 · 1006 阅读 · 0 评论 -
前端实现视频在线预览插件之video.js上手
前端实现视频播放预览1、预览效果图2、预览窗口dom3、Js代码4、引入相应的js库和css布局即可进行预览了。亲测G级视频秒播, 不考虑传输和缓存。当然视频得在服务器上最近做了个新功能。说白了其实就是一个系统内的留言。当然留言内容包括视频留言、图片留言、信息留言、文档留言。对新提交的内容需要先进行预览和审核。然后针对附件内容进行下载。当然上传下载都是自己在做。后面有时间再来讲Java实现视频上传、转码、文件压缩、前端自定义导出word文档。1、预览效果图先上效果图吧,这是博主嵌套在界面里面的一原创 2020-12-04 16:35:26 · 6232 阅读 · 0 评论 -
WebSocket的简单搭建和使用,(基础入门篇)
最近写bug的时候用了websocket,其实这个东西个人认为还是挺重要的吧。今天就来简单搭个项目整理一下吧1、环境2、先新建一个SpringBoot项目吧1、环境后端:Java前端: Vue.js框架:SpringBoot2、先新建一个SpringBoot项目吧...原创 2020-09-05 12:13:28 · 2446 阅读 · 4 评论 -
整合trtc遇到的坑:<ERROR> navigator.mediaDevices is undefined
整合trtc到项目中遇到的坑。最近在做云视频会议项目,公司用的是trtc。准备先把网页端demo整合到项目里面去,然后修修改改就是自己的东西了!这也算是知识盲区吧。本以为很简单的事硬生生卡了我两天。为啥以为很简单呢、因为trtc的demo在本地文件夹打开index.html都能直接用。一放进项目就不行。想想都好气哎。看我的访问路径,划重点!后面要考遇到的就是下面这个错,这个错直接导致的就是无法调用摄像头获取视频流。这个是谷歌webrtc的问题。无法收集到navigator.media原创 2020-08-12 11:14:29 · 4881 阅读 · 13 评论 -
前端框架BootStrap之柱状图模板
前端框架BootStrap之柱状图模板写在前面:有段时间没更新博客了。本身是Java后端的、但是公司限制。后端在写、安卓在写、前端也在写。前端也和安卓一样比较菜,有不足的地方望路过的大佬指正。最近做了个数据统计的功能,就顺便研究了一下柱状图和饼状图,今天先来分享一下柱状图吧。后面有时间来更新一下其他数据展示功能。动态生成柱状图、自动根据数据进行从大到小排行,一个数据统计比较实用的模板。自己稍...原创 2020-03-19 10:36:36 · 2525 阅读 · 3 评论 -
Vue安装以及项目搭建
Vue从入门到入土系列一只不务正业的Java后端码畜今天又来研究前端Vue了。1、要搭建运行Vue项目,首先得安装一个东西叫Node。网上有很多教程这里推荐博主使用的菜鸟教程。传送门》》》》当你安装成功后测试一下安装是否成功,npm包含在Node里面的,一般安装成功就有>>>>如下:2、当把Node.js安装好以后就可以着手创建Vue项目了。由于 npm 安装下载速度特别慢,我们一般可以使用淘宝的镜像及其命令 cnpm来下载Vue以及相关项目依赖。安装淘原创 2020-07-02 12:10:28 · 225 阅读 · 0 评论 -
DOMException: Failed to set the ‘value‘ property on ‘HTMLInputElement‘:
This input element accepts a filename, which may only be programmatically set to the empty string学习Vue的路上又遇到了个小坑,关于file数据绑定的问题。DOMException: Failed to set the ‘value’ property on ‘HTMLInputElement’: This input element accepts a filename, which may only原创 2020-08-02 16:44:52 · 7930 阅读 · 0 评论 -
Vue表单上传带多张图片上传加预览,支持手机拍照上传
Vue实现表单上传带图片,不多BB直接上效果图!PC端实现效果:手机端效果:前言:非专业前端,写的界面比较丑。大家大致看看就行。因为公司新项目需要做一个新平台。小公司人力有限,在云端界面功能开发又再一次一个人扛下了所有。从前端到后端一条龙!Pc端效果主要是在电脑上,手机网页端主要以小程序的形式展示。后面或许还是有App端的开发。这个功能主要是一个预约功能。主要需要上传一些信息,字段如姓名、身份证号等、照片需要上传身份证照片、人半身照等照片。以上就是我的效果图。今天主要想记录的就是如何实现表单原创 2020-08-02 17:51:43 · 2827 阅读 · 1 评论 -
Js动态生成Div、带属性。append()和appendChild()
在我们设计前端界面的时候,根据不同用户就需要对应得有不一样的界面实现个性化展示。有的模块就需要根据返回字段进行动态生成。主要常见的就是innerHTML需要添加子模块的父div直接上代码: //获取需要动态生成div的父div var banners = document.getElementById("banners"); for(var i=0; i<vm.bannerList.length; i++){原创 2020-08-02 18:21:26 · 9436 阅读 · 5 评论