草庐IT

c4前端

全部标签

【前端系列】前端存档术之keep-alive

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。推荐:kwan的首页,持续学习,不断总结,共同进步,活到老学到老导航檀越剑指大厂系列:全面总结java核心技术点,如集合,jvm,并发编程redis,kafka,Spring,微服务,Netty等常用开发工具系列:罗列常用的开发工具,如IDEA,Mac,Alfred,electerm,Git,typora,apifox等数据库系列:详细总结了常用数据库mysql技术点,以及工作中遇到的mysql问题等懒人运维系列:总结好用的命令,解放双手

【vue2】前端如何播放rtsp 视频流,拿到rtsp视频流地址如何处理,海康视频rtsp h264 如何播放

文章目录测试以vue2为例新建webrtcstreamer.js下载webrtc-streamervideo.vue页面中调用最近在写vue2项目其中有个需求是实时播放摄像头的视频,摄像头是海康的设备,搞了很长时间终于监控视频出来了,记录一下,放置下次遇到。文章有点长,略显啰嗦请耐心看完。测试测试?测试什么?测试rtsp视频流能不能播放。videomediaplay官网即(VLC)下载、安装完VLC后,打开VLC点击媒体->打开网络串流将rtsp地址粘贴进去不能播放的话,rtsp视频流地址有问题。注意:视频可以播放也要查看视频的格式,如下右击视频选择工具->编解码器信息如果编解码是H264的,

vue elementui 实现从excel从复制多行多列后粘贴到前端界面el-table

1、效果图可以全部复制粘贴,也可以单独对某行、某列进行复制粘贴从excel复制粘贴到前端页面的table上2、实现代码html部分:template>div>el-table:data="tableData"borderstyle="width:100%":cell-class-name="getCellIndex"@paste.native="pasteInfo($event)"@cell-click="cellClick">el-table-columnprop="date"align="center"label="日期"width="180">templateslot-scope="sc

快速认识,前端必学编程语言:JavaScript

JavaScript是构建Web应用必学的一门编程语言,也是最受开发者欢迎的热门语言之一。所以,如果您还不知道JavaScript的用处、特点的话,赶紧补充一下这块基础知识。JavaScript是一种高级、单线程、垃圾收集、解释或即时编译、基于原型、多范式、动态语言,具有非阻塞事件循环,因构建网站而闻名。它是由BrendanEich于1995年在短短一周内创建的,目的是为Netscape浏览器添加一种易于学习的脚本语言。它最初被命名为Mocha,但当时的天才营销人员希望它听起来像那种性感的新Java语言。如今,它已成为一种功能齐全的语言,并通过ECMAScript标准不断发展。JavaScri

前端——HTML中的常用标签详解

目录一、HTML1、HTML标签结构2、HTML文件结构(1)、定义(2)、标签层次结构二、HTML常见标签1、注释标签2、标题标签3、段落标签4、换行标签5、格式化标签6、图片标签(1)、定义(2)、目录结构7、超链接标签(1)、定义(2)、链接的形式8、表格标签(1)、定义(2)、合并单元格9、列表标签10、表单标签(1)、form标签(2)、input标签(3)、 label标签(4)、select标签(5)、textarea标签11、无语义标签一、HTML1、HTML标签结构HTML代码是由标签构成的,标签名放到“”中。大部分标签都是成对出现,例如:以为开始标签,以为结束标签。少数标签

Astro 4.0 正式发布,爆火的现代化前端框架

12月5日,现代化前端框架Astro4.0版本正式发布!该版本提供了全新的API、更快的构建速度、重新设计的文档,以及为Astro提供了独特的新开发工具,以新颖有趣的方式增强本地开发环境!Astro是一个现代化的静态站点生成器和前端框架,它具有独特的设计理念:岛屿架构。它允许开发人员使用组件化的方式构建内容优先的网站,将各种技术栈(如React、Vue、Svelte等)的组件无缝集成到同一个项目中。2022年,Astro在JavaScript明星项目中排名第七,一年新增了15kStar,目前已获得了37.4kStar!了解更多:Astro,这个前端框架有点不一样!Astro4.0的更新亮点包括

微信小程序——个人相册(前端)

微信小程序——个人相册(前端)项目效果图1.项目功能1)用户管理,信息包括:头像、昵称,功能包括:获取微信用户信息、验证用户是否存在、修改头像、修改昵称2)上传相片:上传图片3)照册列表:封面图(轮播图)、照片列表、照片选择、删除照片4)照片信息:照片信息包括显示照片、大小(字节)、上传时间2.项目结构3.数据库此项目使用MySQL8.0,创建数据库myphoto,SQL文件我已放在文章顶部。4.创建项目小程序项目名:myphoto使用2.30.0版本的基础库以及不启用远程校验准备好appid和appsecret,后端需要用到5.代码5.1项目准备app.js//app.jsApp({asyn

chatGPT流式输出前端实现fetch、SSE、websocket

一、fetch实现streamfetch本身不直接支持流式输出,但你可以使用ReadableStream和TextDecoder等WebStreamsAPI来实现类似的效果。functionstreamOutput(msg){//发送POST请求fetch('url',{method:"POST",body:JSON.stringify({"content":msg}),timeout:0,dataType:"text/event-stream",headers:{"Content-Type":"application/json"},}).then(response=>{//检查响应是否成功i

2023 最新前端 Electron Gui 实现桌面应用开发详细教程(基础篇)

Electron基本概述Electron是利用web前端技术进行桌面应用开发的一套框架,它是由Github开发的,利用HTML、CSS、JavaScript来构建跨平台桌面应用程序的一个开源库。Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包成Mac、Windowns、Linux系统下的应用来实现这一目的。Electron官方网站:https://www.electronjs.org/chrome和chromium用户界面几乎一摸一样,但是还是有一些差异的。比如chrome的系统标题和边框是被默认禁用的,而chromium是默认开启的。另外chrome

前端基础: document对象的十个常用方法

在JavaScript中,document对象是代表当前HTML文档的关键对象。它提供了许多方法来操作和操控网页中的元素和内容。下面是document对象的十个最常用方法及其示例代码和输出:getElementById():根据元素的id属性获取对应的元素。//HTML代码片段//Hello,World!//使用getElementById获取元素constmyDiv=document.getElementById("myDiv");//输出元素的文本内容console.log(myDiv.innerText);//输出:Hello,World!getElementsByTagName():根