HTML5

零成本加速 “个人图床服务”

前言 上次简单分享了一下通过 Github Pages 方式搭建图床,但是国内对 github 资源的加载普遍不太稳定,多数情况下很慢甚至打不开。而这次我要推荐两个解决方法,一种是助力方案,使用 CDN 加速;另一种是代替方案,换成真正的图床或其他托管服务(先卖个关子)。   方案一 方案一提供助力,github 上的仓库和资源保持不变,只需要对其进行 CDN 加速就可以了。

《最新出炉》系列初窥篇-Python+Playwright自动化测试-63 - Canvas和SVG元素定位

1.简介 今天宏哥分享的在实际测试工作中很少遇到,比较生僻,如果突然遇到我们可能会脑大、懵逼,一时之间不知道怎么办?所以宏哥这里提供一种思路供大家学习和参考。 2.SVG简介 svg也是html5新增的一个标签,它跟canvas很相似。都可以实现绘图、动画。但是svg绘制出来的都是矢量图,不像canvas是以像素为单位的,放大会模糊。svg绘制出来的图是不会的。SVG英文全称为Scalable v

uni-app实现web-view和App之间的互相通信

1.web-view向App传递消息 官网对于uni-app使用web-view的介绍如下:web-view  注意事项提到postMessage方法,这就是web-view向App传递消息的方法,使用如下:   注意H5本身不支持uni-app里面的方法,所以在项目中引入支持调用uni-app方法的库  web-view页面使用: uni-app接受消息

免费的可视化工具哪里找?看过来!

面对海量的数据,我们应该如何高效地提取其价值,让复杂的信息一目了然?这正是可视化工具大显身手的舞台。今天,我就来分享几款非常好用的数据可视化工具,它们不仅能够帮助你轻松驾驭数据,还能让你的工作汇报、项目展示更加生动、专业。   一、山海鲸可视化   二维项目制作和私有化部署全流程免费的一个零代码数字孪生平台,软件内置了丰富的图表库、模型库和整合在一起的套件,方便我们自由调用。

websocket-会话保持

Markdown Example .centered-text { text-align: center; font-size: 40px; font-family: "Times New Roman", Georgia, serif } websocket-会话保持 什么是websocket 由来 HTTP 与 Websocket的关系 websocket与其它

SpringBoot+Thyemleaf打包jar发到服务器就报错Template might not exist or might not be accessible

SpringBoot+Thyemleaf打包jar发到服务器就报错Template might not exist or might not be accessible 我们这里简单的说明一下报错原因 第一种:Controller层对应的方法返回html路径及名称时,在前面多加了一个/ 。所以,需要将Controller代码中对应return关键字后面第一个"/"去除掉 第二种:检查thymele

来吧展示-一步步配项目nots

node 16.15.0  、npm  8.5.5、pnpm 8.5.1   1.vite官网搭建项目pnpm create vite (我选的js) 2.初始化css(去掉自带的margin等) 我是自己手写的 3.配置element pnpm i element-plus 看官网- https://element-plus.org/zh-CN/guide/q

[浏览器]LocalStorage

在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。 二、localStorage的优势与局限 localStorage的优势 1、localStorage

前端学习笔记

目录一、VScode(一)VScode快捷键二、HTML5与基础骨架三、标签(一)标题(二)段落(三)换行(四)水平线(五)图片(六)超文本链接(七)文本(八)列表标签1、有序列表2、无序列表(九)表格(十)form表单(十一)容器标签四、内联元素和块级元素的区别五、CSS(一)语法:(二)CSS的引入方式:(三)选择器(四)字体属性(五)背景属性(六)文本属性(七)表格属性(八)关系选择器1、后

关于 webm

首先这篇文章参考:https://segmentfault.com/a/1190000023842516   WebP的图片 WebP是一种现代图像格式,它以较低的有效载荷大小提供有损和无损的压缩格式。这种图像格式目前由科技巨头Google开发。WebP最近获得了很大的发展势头,特别是在大型科技公司的推动下,这主要是由于WebP的性能和Google的支持。WebP与有损图像格式(例如JP

[计算机网络]常见网络错误码

常见状态码 HTTP状态码(响应码)是用来表示HTTP请求是否已经完成,HTTP状态类型一个分为五大类“消息响应、成功响应、重定响应、客户端错误”,所有状态码第一个数字代表了响应的五种状态之一。 1xx (Informational) 信息性状态码,表示正在处理。 2xx (Success) 成功状态码,表示请求正常。 200:请求被成功处理。 204:该状态码表示服务器接收到的请求已经

uiapp套壳热更新实现方案(h5也是uiapp写的)

总体思路:  在HBuilder X同一个工程里打包apk和h5, apk代码中调用webview,  webview加载的就是打包出的h5(h5放在nginx中)。apk和h5同一工程,通过条件编译来区分。//#ifdef APP-PLUS下的代码是打包apk需要的代码, // #ifdef H5 是打包h5需执行的代码。(apk和h5的代码也可以写在俩个工程里,就

从云端到终端:青犀视频汇聚/融合平台的视频接入方式与场景应用

一、青犀视频汇聚/融合平台 由TSINGSEE青犀视频研发的EasyCVR智能融合/视频汇聚平台基于“云-边-端”一体化架构,支持视频汇聚、融合管理,兼容多协议(GA/T1400/GB28181/Onvif/RTSP/RTMP/海康SDK/Ehome/大华SDK/宇视SDK等)、多类型设备(IPC/NVR/监控平台)的接入。可通过接入AI智能分析算法,实现对“人、车、物”等的智能监测和预警,平台提

一文读懂web组态

  随着工业4.0的到来,物联网、大数据、人工智能等技术的融合应用,使得工业领域正在经历一场深刻的变革。在这个过程中,web组态技术以其独特的优势,正在逐渐受到越来越多企业的关注和认可。那么,什么是web组态?web组态软件哪个好用?本文将围绕这两个问题展开探讨。一、什么是web组态? web组态,顾名思义,是基于web技术的组态系统。它采用B/S架构,用户通过浏览器即可实现对设备的远程

我见我思之hvv偷师学艺——Vmware vcenter未授权任意文件上传(CVE-2021-21972)

本文为个人整理内容,大部分东西都是参考其它师傅的文章,具体如下: https://blog.csdn.net/qq_37602797/article/details/114109428 https://blog.csdn.net/tigerman20201/article/details/129098137 常见告警特征: 漏洞类型: 文件上传。 poc利用接口为: /ui/vropsplug

h32 Most commonly used tags in HTML

  Most commonly used tags in HTML Last Updated : 08 Mar, 2024   Most commonly used tags in HTML refer to HTML elements frequently utilized for structuring web content.

全面对比8个免费开源产品生命周期管理软件

随着技术持续进步,市场的竞争也在日益激烈。对于企业而言,击败竞争者并保持自身产品对客户的吸引力变得极为重要。因此,企业在将新产品推向市场之前,需要制定一系列重要的策略步骤。说到产品的生命周期,它包括了从产品的引入、构想、设计、测试、生产到最后的交付等各个阶段。利用产品生命周期管理软件,可以使产品的开发、生产和推广过程实现数字化。 从汽车与运输到航空航天与国防、消费品、医疗设备及工业设备等多个行

重庆软航H5 PDF签章产品经nginx代理之后在浏览器中在线打开PDF盖章时提示:签章失败:网络错误 413 Request Entity Too Large的问题解决办法

问题现象: 问题描述:在系统中集成了软航H5 PDF签章产品,软航H5 PDF签章产品的对应服务是通过nginx代理的,在奇安信浏览器中在线打开PDF点击产品的工具栏上的盖章按钮: 选定印章之后,在PDF文档上选定盖章位置之后,提示:签章失败:网络错误。 最近在做这个软航H5 PDF电子签章产品的测试,就简单记录一下这个问题,也许也会有人跟我遇到类似的问题,供自己后续需要,也提供一个参考。 问

【笔记】拓扑图工具调研

一、在线拓扑图编辑工具 零代码三维地图开发http://www.emapgis.com/数字孪生https://www.hightopo.com/demos/index.html vue-antvx6-demo 推荐。https://gitee.com/yanggengzhen/vue-antvx6-demo/tree/master https://qunee.com/ 数百个 HTML5 例子学

前端面试题 - 在HTML5中DOCTYPE的作用是什么?标准与兼容模式(混杂模式)各有什么区别?

# 前端面试题 - 在HTML5中DOCTYPE的作用是什么?标准与兼容模式(混杂模式)各有什么区别? DOCTYPE(文档类型声明)是一种在HTML文档中使用的标记,用于告诉浏览器使用哪个HTML版本解析文档。它的作用是确保浏览器正确地渲染和显示网页内容。 标准模式(严格模式)和兼容模式(混杂模式)是浏览器根据DOCTYPE声明来选择不同的渲染模式。它们有以下区别: 标准模式(严格模

【rust】《Rust深度学习[3]-数据可视化(Plotters)》

什么是Plotters? Plotters是一个用纯Rust开发的图形库,用于中渲染图形、图表和数据可视化。它支持静态图片渲染和实时渲染,并支持多种后端,包括:位图格式(png、bmp、gif等)、矢量图(svg)、窗口和HTML5 Canvas。 Plotters对不同后端使用统一的高级API,并允许开发者自定义坐标系。在Plotters中,任何类型的图表都被抽象为一系列绘图操作,通过这些绘图

数字化变革探索:检验检测行业转型思路揭秘

行业背景 随着科技的不断进步和实验室管理需求的不断发展,传统实验室管理方式面临着许多问题,如采用纸质记录和手工操作、数据易丢失和难以追溯、效率低下、流程复杂以及质量管理不规范等。这些问题已经成为制约实验室发展和提升运行效能的瓶颈。与此同时,检验检测行业也面临以下挑战: (1)无法支撑大体量的数据计算和分析:在早期的实验数据分析计算中,数据量较少,借助简单的计算器和手工计算便可满足。然而,随着检测

简单了解HTML

HTML  <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程</title> <head> <body>     &nbsp

Vue - vue中的路由vue-router

路由模式 Hash模式 对SEO不友好,#之后的url, 不会发送到服务器端,所以服务端无需做任何处理就可以使用。 Memory模式 非浏览器模式下的路由选择, 用在浏览器端无历史记录,需要主动触发导航. HTML5模式(推荐) 标准的url,生产环境下,服务端需要添加简单的回退路由。 (1) 当无法匹配路由时要跳转到index.html, 否则,在浏览器地址栏直接访问url时,可能

基于三维地图开发的智慧展馆可视化系统建设方案有何推荐?

基于三维地图开发的智慧展馆可视化系统建设方案有何推荐?           关注者 7 被浏览 10,520 关注问题​写回答 ​邀请回答 ​好问题 ​添加评论 ​分享 ​     查看全部 5 个回答 粉刷匠   ​&nbs

用 React 结合 SAP UI5 Web Components 来开发 SAP Fiori 应用

用 React 结合 SAP UI5 Web Components 来开发 SAP Fiori 应用 阿里云开发者 ​ 已认证账号 ​关注   6 人赞同了该文章 简介:用 React 结合 SAP UI5 Web Components 来开发 SAP Fiori 应用 在 Fiori Fundamentals 和 SAP UI5 We

H5单页面手势滑屏切换原理

H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的,效果图如下所示,本文简单说一下其实现原理和主要思路。 实现原理 假设有5个页面,每个页面占屏幕100%宽,则创建一个DIV容器viewport,将其宽度(width) 设置为500%,然后将5个页面装入容器中,并让这5个页面平分整个容器,最后将容器的默认位置

【VMware ESXi】新版VMware Host Client独立客户端Beta版现已发布。

VMware by Broadcom 推出了新的VMware Host Client 独立版客户端(Beta),用于代替VMware Host Client(Html5)来管理ESXi。同时,当前VMware Host Client不再进行功能更新,只解决与 GUI 的安全性或可用性相关的关键问题。 新版客户端是一个 Web 桌面应用程序(大概有好几百兆),可以安装在Mac OS、Windows或

WebSocket的原理

1. 什么是websocket WebSocket是HTML5下一种新的协议(websocket协议本质上是一个基于tcp的协议) 它实现了浏览器与服务器全双工通信,能更好的节省服务器资源和带宽并达到实时通讯的目的 Websocket是一个持久化的协议 2. websocket的原理 websocket约定了一个通信的规范,通过一个握手的机制,客户端和服务器之间能建立一个类似tcp的连接

JavaScript 本地存储

1.前言 由来:localStorage和sessionStorage是 HTML5 标准中新加入的技术,用于保存整个网站的数据 两者区别:localStorage的生命周期是永久的,除非手动删除,而sessionStorage仅在当前会话下有效(即使是同个域名下的网页也无法访问当前会话下创建的键值对,关闭页面或浏览器后被清除,刷新当前会话不会删除键值对) 特点:localStorage和ses

<<  <  1  2  3  4  5  6  7  8  9  >  >>