前端 案例html5 html
物流行业R公司对接舍弗勒EDI项目案例
舍弗勒集团是全球领先的汽车和工业产品供应商，以高品质、卓越技术和创新能力著称，提供高精度的发动机、变速箱、底盘部件和系统，以及滚动轴承和滑动轴承解决方案。 项目需求 随着全球化进程的加速，舍弗勒与交易伙伴之间的信息交流越来越频繁，而数据的传输和共享也变得至关重要。因此，舍弗勒需要一种安全、可靠的方式 ......
在 HTML 文档中使用 class 属性
https://www.w3school.com.cn/tags/att_standard_class.asp <html> <head> <style type="text/css"> h1.intro {color:blue;} p.important {color:green;} </styl ......
基于Admin.NET框架的前端的一些改进和代码生成处理（1）
Admin.NET 是一套基于Furion/.NET 6实现的通用管理平台，模块插件式开发，框架包含了常规的权限管理、字典等管理模块，以及一些Vue3的Demo案例，框架前后端分离。后端基于基于Furion/.NET 6实现，底层集成SqlSugar；前端则是采用Vue-Next-Admin的前端框... ......
基于HTML5的移动Web应用——文件操作
过去Web程序不能替代桌面程序的一个重要原因就在于浏览器对于文件操作API的缺失。照片处理中的裁剪、滤镜，二维码的读取与识别，文档的查看和编辑等，这些操作无一不依赖文件的操作，HTML5赋予了浏览器几乎和本地程序同等强大的文件操作能力。 File API是HTML5在DOM标准中添加的功能，它允许W ......
linux静态网页访问/var/www/html
说明 linux目录下有个目录：/var/www/html，把“静态网页”放到这个目录下就可以通过IP很方便的访问 好处：不用配置tomcat等等，直接上传即用！ 如果要访问 /var/www/html/1.html 我在浏览器地址栏输入 http://[ip]/1.html 就行了。 但是 这个便 ......
微前端框架single-spa子应用加载解析
本文主要通过对微前端框架single-spa的基座应用加载子应用的single-spa-vue函数库进行分析，通过代码维度分析让大家了解在single-spa加载子应用的时候都做了哪些事情。如何通过优化single-spa-vue函数库保持子应用的状态。 ......
V3.0（R2_2302） 前端上下文改造, 定位修改文件
-- iuap_yonbuilder_service库 -- 查询包含'AppContext'关键字的函数文件 SELECT e.description, e.source_flag, e.file_name, c.file_content, LOCATE( 'AppContext', c.file ......
第二篇 前端安全 - 【 跨站请求伪造 CSRF + 点击劫持 ClickJacking 】
前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe 跨站请求伪造 - CSRF 1、跨站脚本伪造 - C ......
第三篇 前端安全 - 【 CDN劫持 + Iframe威胁 + 安全沙箱 - Sandbox 】
前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe CDN 劫持 1、什么是 CDN ？ CDN Con ......
cdn引入vue 在html页面中,用axios请求接口
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue axios 渲染数据</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></scr ......
[HTML]表单标签（form表单域、input输入表单、label标签、select下拉表单、textarea文本域）
本博文介绍HTML中的表单标签，包含form表单域、input输入表单、label标签、select下拉表单和textarea文本域。 ......
昆仑通态MCGS与台达伺服ASD-B2 通讯控制案例
昆仑通态MCGS与台达伺服ASD-B2 通讯控制案例功能：通过昆仑通态MCGS触摸屏实现与台达ASD B2通讯控制，全通讯控制台达 B2驱动器速度设置，速度选择，速度启动，带扭矩限制速度控制，扭矩限制通讯设置。 配件：昆仑通态MCGS触摸屏，台达ASD B2伺服驱动器+伺服电机。 CN1接线端子，C ......
触摸屏hmi配方管理机种管理 威纶触摸屏配方机种管理案例
触摸屏hmi配方管理机种管理 威纶触摸屏配方机种管理案例 本人实际项目上使用 结合宏指令可实现复杂机种配方管理YID:849627060201381 ......
三菱plc搭配四轴雅马哈机械手在线检测收料案例程序
三菱plc搭配四轴雅马哈机械手在线检测收料案例程序。 （包涵CAD电气图纸，plc程序，人机界面，机器人程序，BOM表）程序中应用到CClink通讯，232串口通讯，数据采集伺服定位控制。YID:4135624362991527 ......
三菱PLC项目案例学习之自动寻槽铣槽机
三菱PLC项目案例学习之自动寻槽铣槽机 器件:三菱FX3UPLC,威纶通触摸屏，三菱伺服，基恩士光纤传感器，三菱变频器等。 控制方式：PLC接收恩士光纤传感器信号控制伺服驱动器寻槽，寻槽后，变频器控制高速电机带动铣刀高速完成铣槽动作。 功能：维纶触摸屏做为人机界面，程序分:自动，手动，连续，单步，高 ......
欧姆龙cp1h带两个nc413模块，总共十个轴控制程序案例，还有DD马达控制
欧姆龙cp1h带两个nc413模块，总共十个轴控制程序案例，还有DD马达控制，内带详细注释，包含nc413所有参数设置，写入，定位控制，附带昆仑通泰触摸屏程序和dd马达程序YID:349608416494704 ......
三菱FX3U与三菱变频器 modbus RTU通讯案例
三菱FX3U与三菱变频器 modbus RTU通讯案例 器件：三菱FX3U PLC+FX3U 485BD，三菱E740变频器，昆仑通态触摸屏，威纶通 功能：采用485方式，modbus RTU协议。 与变频器通讯，控制启停，频率，加减速时间设定，频率，电流电压的读取。 说明：是程序非实物，包括有注释 ......
微前端架构的业务价值：实现独立部署、快速迭代和按需加载
随着互联网应用的不断发展和迭代，传统的单体应用架构已经逐渐无法满足现代应用的需求。为了更好地适应快速变化的市场和业务需求，微服务和微前端架构成为了近年来的热门话题。其中，微前端架构作为前端开发的新兴架构模式，不仅可以提高开发效率、迭代速度和用户体验，还可以提高团队的协作效率和代码复用率，具有很高的业... ......
第五篇 html5 - 新特性【 网络监听接口 + 全屏接口 】
html5 新增 网络监听接口 1、online 2、offline online 网络联通的时候触发这个事件 window.addEventListener("online", function () { console.log( "连接上网络了！" ) }) offline 网络断开的手触发这个 ......
第四篇 html5 - 新特性【 Dom操作类 + 自定义标签属性 】
html5 新增 Dom 操作类 1、classList 当前元素的所有样式列表 2、add() 添加类 3、remove() 删除类 4、toggle() 有就移出，没有就添加 5、contains() 是否包含某个类，包含返回 true，没有包含返回 false 6、item(n) 查看此项的第 ......
第三篇 html5 - 新特性【语义化标签 + 增强型表单 + 音频视频】
语义化标签 语义化标签概述 1、清晰易读 2、有利于SEO，方便搜索引擎识别页面结构 3、方便设备解析、比如盲人阅读 | 标签 | 特性 | | | | | header | 定义文档头部区域，一般用在头部 | | section | 定义文档中的一块区域,替代 div 布局 | | nav | 定 ......
第二篇 html - 【 HTML5 基本概念 + 规则 + 兼容性 】
HTML5基本概念 1、HTML5 并不是新的语言，而是HTML语言的第五次重大修改 2、支持 所有的主流浏览器（Chrome，Firefox，Safari），IE9 及其以上支持 HTML5，但是 IE8 及其以下不支持 HTML5 3、改变了用户与文档的交互方式：多媒体 【 video，audi ......
第一篇 html - 基础 - 【 发展史 + 概述 】
html 发展史 1、HTML 1.0 （HTML/HTML+）超文本标记语言(第一版) ——在1993年6月发为互联网工程工作小组(IETF)工作草案发布(并非标准) 2、HTML 2.0 —— 1995年11月 作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 ......
WebForm之企业微信开发聊天工具栏（5）——获取userid，外部联系人id前端
<!DOCTYPE html> <html lang="en"> <head> <title>工资条</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 ......
Unity Shader案例03-------自发光效果
Shader "CLF/SetLightting" { Properties { _MainColor("MainColor", Color) = (0,0,0,1) //模型主颜色 _InSideRimColor("InSideRimColor", Color) = (1,1,1,1)//内边缘光 ......
Vue和JS前端网页下载保存图片到本地电脑中
//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
前端 大文件上传解决方案(500M以上)
HTML部分 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="up6.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ......
聊聊前端性能指标那些事儿
作为 C 端前端研发，除了攻克业务难点以外，也要有更深层的自我目标，那就是性能优化。这事儿说大不大，说小也不小，但难度绝对不一般，所涉及的范围优化点深入工程每个细胞。做好前端性能优化绝非简单之事！文章主要内容介绍前端性能考核指标及优化方案。 ......