HTML5
Three.js教程：动画渲染循环
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 动画渲染循环 threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。 请求动画帧window.requestAnimationFrame threejs旋转动画 动画说白了就是一张张照片，连起来依次展示，这样就形成一个动画效果，只要帧率高，人的眼睛就
nas docker安装mysql 整理
前提： 群晖nas nas已安装docker 一、下载MySQL 由于查询注册表失败，所以通过ssh工具xshell连接docker来下载MySQL； xshell下载地址： https://www.xshell.com/zh/free-for-home-school/ （填写相关信息，下载免费版本） nas 启用ssh功能： xshell 连接nas
什么是HMI和SCADA？两者有什么区别
前言 几十年来，工业控制系统在工业自动化中发挥了重要作用，它允许过程制造商从生产车间采集、分析、处理数据。 在当今瞬息万变的工业环境中，制造商和公用事业公司必须采用现代HMI/SCADA和数字化转型，以跟上变化的步伐，应对不断增长的运营挑战并保持竞争力。 HMI/SCADA软件在世界各地运行工业工厂，帮助操作员做出运行机械的关键决策。 使用新型高性能HMI/SCADA软
Socket及WebSocket(九)
一、Socket 套接字(Socket)是对网络中不同主机上的应用进程之间进行双向通信的端点的抽象。一个套接字就是网络上进程通信的一端，提供了应用层进程利用网络协议交换数据的机制。从所处的地位来讲，套接字上联应用进程，下联网络协议栈，是应用程序通过网络协议进行通信的接口，是应用程序与网络协议栈进行交互的接口。Socket的出现，使得程序员可以很方便地访问 TCPIP，从而开发各种网络应用程序。
WebSocket心跳机制
前言： WebSocket是HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。 1、创建webSocket 2、websocket事件 3、WebSocket方法 WebSocket的心跳机制 问题： （1）websocket在连接后，如
轻量级报表解决方案Telerik Reporting，轻松完成嵌入式报表交互！
开发者可以通过多种方式与集成在应用程序中的Telerik报表进行交互，从“只是阅读它”到更改报表中包含的数据。 但是要注意：开发者所能做的一些事情将取决于报表是如何创建的，以及它是如何嵌入到应用程序UI中的。因此(和任何应用程序一样)，为了从Telerik报表中获得想要的，开发团队尽量要了解清楚用户的需求。 获取Telerik Reporting最新版下载 Telerik_KendoUI产品技术交
在线Office(文档多人在线编辑)
在线Office 可道云提供一整套的web端office在线预览和编辑、协同作业解决方案，支持私有化部署，内网条件下使用，满足企业Office文档存储与集中管理、重度在线编辑、协作作为、权限管理等更加丰富的需求。 目前KodExplorer提供了5种Office在线预览和编辑打包解决方案。 默认条件下，免费版本Office文档的在线预览实现，Office Live、永中、点聚、Google d
计算机网络协议之http协议(四)
一、HTTP协议概述 HTTP协议又称超文本传输协议，是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。HTTP协议的特点如下： 基于客户/服务器模式。 在HTTP / 0.9和1.0中每次连接只处理一个请求。 服务器不保留与客户交易时的任何状态，即无状态模式。 在HTTP / 1.1中，引入了保持活动机制，其中连接可以重用于
使用Animate和CreateJS设计H5页面
Animate和CreateJS是常用于HTML5页面设计的工具，通过使用这些工具，可以创建各种动画特效，从而提高交互性和视觉效果。 游戏：Animate和CreateJS可以用于创建精彩的网页游戏，比如跑酷类、动作类、益智类等众多不同类型的游戏。这些游戏通常需要丰富的场景设计、角色设定、音效、背景音乐等元素，因此需要使用到更加复杂的交互逻辑。 3D模型展示：Animate和CreateJ
深入解析React DnD拖拽原理，轻松掌握拖放技巧！
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。。 本文作者：霁明 一、背景 1、业务背景 业务中会有一些需要实现拖拽的场景，尤其是偏视觉方向以及移动端较多。拖拽在一定程度上能让交互更加便捷，能大大提升用户体验。以业务中心子产品配置功能为例，产品模块通过拖拽来调整顺序，的确会更加方便一些。 2、React
关于HTML 5文档结构的简单案例
在HTML文档的开头，一般会有一个文档类型声明（DOCTYPE）。在HTML5中，文档类型声明为<!DOCTYPE html>（注意大小写）。 因此，如果一个网页的文档类型声明为<!DOCTYPE html>，那么这个网页就是采用了HTML5。 但需要注意的是，并不是所有的网页都需要文档类型声明。如果一个网页没有文档类型声明，也不代表这个网页不是采用了HTML5 这里笔者展
解决Vue项目在刷新页面时出现404错误的问题
使用HTML5的history模式的问题 在本地运行Vue项目时，可以直接点击路由跳转，并且刷新页面也没有问题。这是因为Vue Router默认使用HTML5的history模式，它通过修改浏览器历史记录来控制页面跳转，而不发送实际的HTTP请求。 然而，当将Vue项目发布到服务器上时，服务器会根据实际的HTTP请求来寻找对应的资源。如果服务器无法找到匹配的文件，就会返回404错误。 解决方案 1
get请求和post请求的区别
转载：https://mp.weixin.qq.com/s/t0xTynpHKrWAU7S5Sb_zxQ HTTP协议 什么是协议？ 协议实际上是某些人，或者某些组织提前制定好的一套规范，大家都按照这个规范来，这样可以做到沟通无障碍。 协议就是一套规范，就是一套标准。由其他人或其他组织来负责制定的。 我说的话你能听懂，你说的话，我也能听懂，这说明我们之间是有一
智慧电网数据可视化运维云平台解决方案
智慧电力概述 智慧电力是通过采用先进的大数据、云计算、物联网、边缘计算等技术，实现生产信息与管理信息的智慧，实现人、技术、经营目标和管理方法的集成，是企业管理思想的一个新突破。智慧电厂建设具备智能化、一体化、可观测、可互动、自学习、自寻优等九大能力，可为管理者及时提供过去和现在的数据，并能够预测未来和引导企业人员的工作，使信息技术与电力工业技术、现代管理技术有机融合，全面提升电厂的生产技术和经营管
Cookie、localStorage、sessionStorage
本文参考了以下视频 cookie、localStorage 和 sessionStorage的区别及应用实例 浏览器本地存储 Cookie Cookie是一种存储机制 HTTP Cookie（也叫 Web Cookie 或浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据（一般不超过4kb）。浏览器会存储 cookie 并在下次向同一服务器再发起请求时携带并发送到服务器上。
二、Spring Reactive Security自定义登录页
添加配置类： loginPage是配置登录页面和登录接口的，我找了下api，没看到单独设置登录接口的api。同时pathMatchers("/doLogin").permitAll()设置doLogin允许任何人访问。 添加thymeleaf依赖： 在application.properties配置thymeleaf： 在resources目录templates下
2021-08-12--Web前端性能指标和性能优化（综述）
来源：https://m.sohu.com/a/201865334_509523/ 关于页面相应时间，有一条著名的“2-5-8原则”。当用户访问一个页面： 在2秒内得到响应时，会感觉系统响应很快； 在2-5秒之间得到响应时，会感觉系统的响应速度还可以； 在5-8秒以内得到响应时，会感觉系统的响应速度很慢，但可以接受； 而超过8秒后仍然无法得到响应时，用户会感觉系统糟透了，进而选择离开这个站
Web缓存机制之http缓存
啥是缓存？ 当从客户端向服务端获取资源，需要建立链接，资源传输等一系列消耗，为了方便下次获取的资源更快，性能开销更小，是不是可以把第一次获取的资源储存起来，下次直接拿呢，没错这就是缓存。 存哪了？ 好了知道什么是缓存了，那么缓存具体存哪了？ Service Worker W3C 组织早在 2014 年 5 月就提出过 Service Worker 这样的一个 HTML5 API ，主要用来做持久
图扑虚拟现实 VR 智慧办公室可视化
前言 “虚拟现实”是来自英文“Virtual Reality”，简称 VR 技术，其是通过利用计算机仿真系统模拟外界环境，主要模拟对象有环境、技能、传感设备和感知等，为用户提供多信息、三维动态、交互式的仿真体验。 效果展示 图扑软件基于自研可视化引擎 HT for Web 搭建的 VR 图扑软件天津分部办公室，是将天津分部办公室搬到 VR 虚拟场景。以天津分部办公室实景为基础，1:1
eureka server 开启认证
https://cloud.spring.io/spring-cloud-static/Greenwich.RELEASE/single/spring-cloud.html#_securing_the_eureka_server https://docs.spring.io/spring-security/site/docs/5.2.15.RELEASE/reference/html5/ &nbs
Vue通用下拉树组件@riophae/vue-treeselect的使用
vue-treeselect是一款下拉树通用组件。@riophae/vue-treeselect 是一个基于 Vue.js 的树形选择器组件，可以用于选择树形结构的数据。它支持多选、搜索、异步加载等功能，可以自定义选项的样式和模板。该组件易于使用和扩展，适用于各种类型的项目。 npm：https://www.npmjs.com/package/@riophae/vue-treeselect 首先安
手机端页面自适应代码
以下是一段简单的手机端页面自适应代码，使用了CSS3的媒体查询： /* 默认样式 */ body { font-size: 16px; } /* 在小屏幕设备上修改字体大小 */ @media screen and (max-width: 480px) { body { font-size: 14px; } } 这段代码中，我们使用了媒体查询来判断当前设备的屏幕宽度是否小于等