草庐IT

纯前端

全部标签

解决前端使用video标签在Chrome浏览器出现播放一次不能再次播放和不能拖动进度条问题

先来说一下我的情况:后台提供了一个get请求的接口直接返回,只能通过服务器http请求返回视频流(类似:http://127.0.0.1:8181/file?name=movie.mp4),然后我就直接把这个字符串放到video标签的src属性中,出现了两个问题:1.在Chrome浏览器不能再次播放(我尝试了FireFox浏览器是正常的,而这个需求只在Chrome浏览器内核上实现所以没有尝试其他浏览器。);2.在Chrome浏览器上不能拖动滚动条。一下是我的解决办法。1.在chrome浏览器不能再次播放查询ChatGPT之后得到了结果,使用video标签播放数据流视频,但是播放一次之后重新播放

前端人必看的JS面试题汇总

面试是每一个前端人在求职过程中都需要面对的事情。在面试过程中,面试官没有办法通过实践操作去了解应聘者的技能水平,所以他们更多地会通过“八股文”的考察来判断你是否符合公司的招聘要求。所以作为一个前端人,在掌握好前端技能的同时,也需要掌握好一些基础理论知识,这样才能在面试中脱颖而出,拿到自己心仪的offer。 那么,下面小职就整理了一些在前端面试过程中比较常见的JS面试题,有需要的朋友可以看一下哦~一、JS数据类型JS数据类型通常分为基本数据类型和引用数据类型两种。基本数据类型:Number、String、Boolean、Null、Undefined、Symbol、bigInt七种,引用数据类型:

前端使用UtoVR Player全景视频播放器实现360°C全景VR视频

准备:官网:http://www.utovr.comWeb包git下载地址:https://github.com/u10k/utovr.gitUtoVRPlayer介绍:UtoVRPlayer是一款全景视频播放器。它支持360度空间全景视频的播放。观看者通过与播放器的交互,可以体验到身临其境的视觉效果。UtoVRPlayerSDK可以帮助你在自己的应用中,快速实现全景视频的播放效果。功能:1,支持视频格式:h264编码的mp4等视频文件;2,支持播放普通全景视频(2:1);3,支持2K高清、4K超高清的全景视频播放;4,支持点播(mp4)、直播(RTMP格式)播放全景视频;5,支持PC端的鼠标

vue 前端导出Excel表格(基础版 + 多级标题)纯前端导出

先看效果 纯前端基础导出的Excel表格 纯前端多级表头导出的Excel表格基础导出下面赋源代码1、安装依赖npminstallvue-json-excel2、在项目的入口main.js 引入importJsonExcelfrom'vue-json-excel'//引入导出ExcelVue.component('downloadExcel',JsonExcel)3、直接使用 导出 配置项json_fields:{//导出对应表格头部以及数据 "id":'id', "名字":'name', "颜色":'amount1', "字段1":'amount2', "字段2":'amount3',},4、

前端(二十一)——WebSocket:实现实时双向数据传输的Web通信协议

🤨博主:小猫娃来啦🤨文章核心:WebSocket:实现实时双向数据传输的Web通信协议文章目录前言WebSocket原理如何使用WebSocket建立WebSocket连接:数据传输:WebSocket的真实使用场景即时通讯:多人协作:实时数据更新:WebSocket的优势与局限性结论前言在当今互联网时代,实时通信已成为很多应用的需求。为了满足这种需求,WebSocket协议被设计出来。WebSocket是一种基于TCP议的全双工通信协议,通过WebSocket,Web应用程序可以与服务器建立持久的连接,实现实时双向数据输,提供极低的延迟和高效的数据传输。WebSocket原理HTTP请求-响

Astro,这个前端框架有点不一样!

前端技术日新月异,最初的静态网站逐渐被由服务端生成的网站所取代,后来又逐渐向客户端渲染的应用转变。不过客户端渲染也存在一些问题,如加载时间变长和搜索引擎优化难度等。Astro这个新的前端框架结合了服务端渲染和客户端渲染的优点,可以更好地解决这些问题。本文就来介绍一下这两年爆火的前端框架Astro,它在两年的时间新增了30k+star:这个前端框架,有点不一样。Astro基本概念Astro是一个开源的JavaScript框架,用于在流行的UI框架(如React、Preact、Vue或Svelte)之上生成Web应用。Astro的页面由多个独立的组件组成。为了提高加载速度,Astro会在服务端对页

[HTML]Web前端开发技术2(HTML5、CSS3、JavaScript )格式化文本标记,定义列表,<blockquote>,definition description,ruby——喵喵画网页

希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,大大会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言格式化文字与段落Web页面设计原则向Web页面添加文字信息格式化文本标记标题字标记添加空格与特殊符号文本修饰标记(重要)计算机输出标记(理解)引用和术语标记(理解)字体font标记(重要)段落与排版标记段落标记换行标记水平分割线标记(重要)拼音/音标注释ruby标记和rt/rp标记段落缩进标记列表无序列表有序列表列表嵌套定义列表课后习题熟悉无序列表ul元素的应用熟悉有序列表ol元素的应用。练习定义列表嵌套的使用。练习无序、有序、定义列表嵌套混合使

nginx配置vue前端代理

背景:做一个前后端分离的项目,我这里是vue3+view+ts创建的前端项目,在前端配置跨域请求。一、开发阶段在vue.config.js中配置devserver的proxy进行代理请求配置,然后将所有请求改为/api开头的即可。但是这样配置只在开发阶段起作用。所以在nginx上部署的时候,需要再重新配置请求代理。vite.config.ts中代码配置如下:devServer:{port:8089,//启动端口open:true,//启动后是否自动打开网页proxy:{"/api":{target:"http://192.168.xx.xx:8083",//如果访问/api就在其前面加targ

在浏览器的舞台上演:前端如何挑战页面刷新的极限

在浏览器的舞台上演:前端如何挑战页面刷新的极限前言基础篇:location.reload()的妙用基本介绍:优缺点:优点:缺点:适用场景:进阶篇:Ajax带来的无刷新体验Ajax基本用法:利用Ajax提升用户体验的方法:例子:框架篇:Vue和React的局部刷新Vue.js:示例:React.js:示例:便捷性和性能优势:实践篇:动态页面刷新的创意应用1.实时数据更新2.实时聊天3.游戏动态更新4.实时地图更新5.实时投票或表决思考和实践方法:前言在无尽的数字海洋中,用户和浏览器之间建立了一座看不见的桥梁,连接了网页的现实与虚拟。而在这座桥上,JavaScript像是一位魔法师,可以通过各种巧