HTML5 - ITeye技术社区

[Web前端] Fiori里花瓣的动画效果实现原理

Fiori里的busy dialog有两种表现形式，一种是下图里的花朵形状，由5个不断旋转的花瓣组成。另一种是下图的3/4个圆环不断旋转的效果。关于前者的效果，可以看我制作的这个视频。这个视频是手动将下图setTimeout的300毫秒延时改成30秒之后的效果，意思是30秒之后这个花瓣效果才消失。 1. 根据调试器里调用栈的观察，每当u ...

UI5 HTML5 JavaScript Fiori SAP

0顶0踩

JerryWang_SAP 评论(0) 有800人浏览 2018-03-09 21:15

[Web前端] Fiori Launchpad Tile点击后跳转的调试技巧

在SAP Fiori launchpad 里点击某个tile之后，后台会计算出跳转的目标url返回给前台。下图中一个个白色的方框就成为tile。每个tile点击之后，会打开一个对应的Fiori应用。本文介绍如何在后台调试这个跳转目标的计算逻辑。首先我们可以直接在浏览器里点击tile或者用Postman手动触发这个跳转目标的url解析请求： ...

Fiori UI5 HTML5

0顶0踩

JerryWang_SAP 评论(0) 有608人浏览 2018-03-07 09:30

[Web前端] 基于 HTML5 Canvas 的交互式地铁线路图

前言前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获（毕竟我还是个菜鸟）以及代码的实现，希望能够帮到一些朋友。当然，如果有什么意见的可以直接跟我说，大家一起交流才会进步。效果图 http:/ ...

html5 canvas scada 工控电信网管

0顶0踩

xhload3d 评论(1) 有1487人浏览 2018-03-05 05:59

[Web前端] Fiori Launchpad Tile点击后跳转的调试技巧

在SAP Fiori launchpad 里点击某个tile之后，后台会计算出跳转的目标url返回给前台。下图中一个个白色的方框就成为tile。每个tile点击之后，会打开一个对� ...

SAP Fiori web html5 ui5

0顶0踩

i042416 评论(0) 有126人浏览 2018-02-28 12:01

[企业架构] SAP Fiori应用的三种部署方式

封面图片来自Google搜索，关键字: Fiori Deployment 方式1 On premise环境下以BSP应用作为Fiori应用部署和运行的载体在SAP成都labs我曾经担任过CRM这几个Fiori应用的开发和维护工作: 在Google上搜索关键字Fiori Architecture, 能找到这样一张图片，其中CRM和S/4 HANA的Fio ...

SAP Fiori UI5 HTML5 Launchpad

0顶0踩

i042416 评论(0) 有214人浏览 2018-02-17 11:37

[Web前端] 基于 HTML5 的 3D 工控隧道案例

隧道的项目我目前是第一次接触，感觉做起来的效果还蛮赞的，所以给大家分享一下。这个隧道项目的主要内容包括：照明、风机、车道指示灯、交通信号灯、情报板、消防、火灾报警、车行横洞、风向仪、COVI、微波车检以及隧道紧急逃生出口的控制。这个例子我主要讲一下风向仪、排风以及逃生出口的动画设置，还有就是点击交通信号灯，弹出窗口可以选择当前信号灯的信息等内容。本例效果：我是用 HT 做的整个例子， ...

html5 webgl 3d 工控电信网管

0顶1踩

xhload3d 评论(0) 有848人浏览 2018-02-01 09:38

[Web前端] 基于 HTML5 WebGL 的 3D 网络拓扑结构图

现在，3D 模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构以及其它应用领域；在最近几十年，地球科学领域开始构建三维地质模型，而且 3D 模型经常做成动画，例如 ...

html5 webgl 3d 工控电信网管

0顶2踩

xhload3d 评论(0) 有995人浏览 2018-01-29 06:02

[Web前端] 基于 HTML5 Canvas 的属性值点击出现多选项的制作

正常我们设置属性的时候，属性和属性值的 key value 对应，但是在实际开发中，经常遇到属性值可能需要从多项中选择，这个时候用原生的 HTML5 配合 JavaScript 来实现这个功能会让人非常头疼，我试着用 HT for Web 来实现了这个功能，感觉整体实践起来还是比较容易的，所以在这边跟大家分享一下。本例链接：本例效果图：从上面的效果图中我们可以看到，整个页面分为 ...

html5 canvas property form 电信网管

0顶0踩

xhload3d 评论(0) 有747人浏览 2018-01-21 17:16

[Web前端] 基于 HTML5 的电力接线图 SCADA 应用

在电力、油田燃气、供水管网等工业自动化领域 Web SCADA 的概念已经提出了多年，早些年的 Web SCADA 前端技术大部分还是基于 Flex、Silverlight 甚至 Applet 这样的重客户端方案，在 HTML5 流行前 VML 和 SVG 算是真正纯种 Web 方案也是有不少应用，近些年随着 HTML5 的流行，加上移动终端以及浏览器对 HTML5 支持的普及，越来越多新项目开 ...

html5 canvas webscada 电信网管工控

0顶0踩

xhload3d 评论(0) 有1181人浏览 2018-01-17 09:07

[Web前端] 快速开发基于 HTML5 网络拓扑图应用--入门篇（二）

上一篇我们绘制了一个 graphView 场景，在场景之上通过 graphView.dm() 获取数据容器，并通过 graphView.dm().add() 函数添加了两个 Node 节点，并通过 setPosition 设置节点位置以及 setImage 给节点添加图片；接着在两个节点之间通过 ht.Edge(sourceNode, targetNode) 添加了两条连线（实际上还可以更多），并 ...

html5 canvas 拓扑图电信工控

0顶0踩

xhload3d 评论(0) 有976人浏览 2018-01-15 10:00

[Web前端] 快速开发基于 HTML5 网络拓扑图应用--入门篇（一）

计算机网络的拓扑结构是引用拓扑学中研究与大小，形状无关的点、线关系的方法。把网络中的计算机和通信设备抽象为一个点，把传输介质抽象为一� ...

html5 canvas 工控电信拓扑图

0顶0踩

xhload3d 评论(0) 有1551人浏览 2018-01-09 06:17

[Web前端] 基于 HTML5 WebGL 的 3D 场景中的灯光效果

构建 3D 的场景除了创建模型，对模型设置颜色和贴图外，还需要有灯光的效果才能更逼真的反映真实世界的场景。这个例子我觉得既美观又代表性很强� ...

html5 canvas 3d 工控电信网管

0顶1踩

xhload3d 评论(0) 有1601人浏览 2018-01-02 07:12

[行业应用] 多语言版基础管理系统展示[es6版] -流程配置效果

终于找到一个可以较好展示工作流程配置的组件，开发的应用界面基于[多语言版基础管理系统展示[es6版] ]，原设计描述：[多语言版基础管理系统展示[es6版]-工作流 ]，最新消息请关注[我的空间] 效果图如下:（注:本效果图使用到的组件仅供学习展示使用，不作为商业用途）流程图1: 流程图2: 流程图3: 流程图4: 新增入门 ...

react html5

0顶0踩

minn84 评论(0) 有749人浏览 2017-12-17 19:42

[Web前端] 基于HTML5 Canvas 点击添加 2D 3D 机柜模型

今天又返回好好地消化了一下我们的数据容器 DataModel，这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单，实际上结合了数据模型中非常重要的三个事件处理的部分：属性变化事件监听、选中变化事件监听以及数据模型变化事件监听。为了让这个例子具现化，我将这个简单的例子做了一点改动，下面我会一一解释。例子地址：http://hightopo.com/guide/guid ...

html5 canvas 3d 电信工控

0顶0踩

xhload3d 评论(0) 有1271人浏览 2017-11-27 08:05

[Web前端] 基于HTML5的WebGL经典3D虚拟机房漫游动画

第一人称在 3D 中的用法要参考第一人称在射击游戏中的使用，第一人称射击游戏（FPS）是以第一人称视角为中心围绕枪和其他武器为基础的视频游戏类� ...

html5 3d webgl 工控电信网管

0顶0踩

xhload3d 评论(0) 有841人浏览 2017-11-14 22:55

[编程语言] HTML5-GPS定位

声明：本栏目所使用的素材都是凯哥学堂VIP学员所写，学员有权匿名，对文章有最终解释权；凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。 GPS ...

JVM html5 GPS定位 JavaEE

0顶0踩

l4432848 评论(0) 有1144人浏览 2017-10-26 14:32

[Web前端] 基于HTML5 WebGL实现 json工控风机叶轮旋转

突然有个想法，如果能把一些用到不同的知识点放到同一个界面上，并且放到一个盒子里，这样我如果要看什么东西就可以很直接显示出来，而且这个� ...

3D HTML5 Canvas WebGL SCADA

3顶1踩

xhload3d 评论(0) 有1181人浏览 2017-10-26 09:23

[Web前端] 基于HTML5和WebGL的碰撞测试

这是公司大神写的一个放官网上给用户学习的例子，我一开始真的不知道这是在干嘛，就只是将三个形状图元组合在一起，然后可以同时旋转、放大缩小这个三个图形，点击“Animate”就能让中间的那一个图元单独绕着某一个点旋转，表单最上方的“Axis”真的完全不知道拿来干嘛用的，觉得好累赘，而且是官网的demo，也没有解释。。。所以我今天得任务就是完全剖析这个例子！本文例子：http://www.hight ...

HTML5 WebGL 3D拓扑工控电信网管

0顶0踩

xhload3d 评论(0) 有598人浏览 2017-10-20 10:26

[Web前端] 经验分享 | HTML5简化移动应用开发过程

许多企业开始使用HTML5移动应用开发来简化应用的实现，降低成本和复杂性。在合适的情况下，HTML5应用为企业提供了一个简单的替代原生应用开发的选择，特别是随着越来越多的HTML5开发框架的出现。任何需要跨多个平台实现移动应用的企业都至少应该考虑HTML5。当然，HTML5应用也并非没有挑战。它们带来性能和安全问题，还有访问数据和本地应用程序编程接口(APIs)的问题。 ...

javascript html5 性能用户体验应用性能

0顶0踩

Gamay 评论(0) 有106人浏览 2017-08-08 15:13

[Web前端] 技术文章 | 有关angularJS 独立作用域

下次要再写angularJS，会尝试一个文件写一篇文章！毕竟写的关于跟代码相关，不看代码，你觉得能够看懂吗？光看代码，你可能也看不懂。所以就写在这样的。点此查看首先得有一个，ng-click=""这个方法很特殊。触发方法是sayHello 但是里写的say 需要传一个对象。say()方法关联的就是作用域下的sayHello方法，sayHello方法需要一个参数，我们在 ...

编程语言架构开发框架与中间件 html5 scope

0顶0踩

Gamay 评论(0) 有87人浏览 2017-08-08 15:08

[编程语言] HTML5 WebSocket简介

HTML5 WebSocket WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通 ...

HTML5 WebSocket

1顶1踩

cakin24 评论(0) 有1039人浏览 2017-04-28 18:51

[编程语言] HTML5的Web存储应用

一介绍 HTML5 web存储,一个比cookie更好的本地存储方式。 1、什么是HTML5 Web存储使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是cookie。但是Web存储需要更加的安全与快速，这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上，它也可以存储大量的数据，而不影响网站的性能。数据以键/值对存在, web网页的数据 ...

HTML5 Web

1顶1踩

cakin24 评论(0) 有928人浏览 2017-04-22 19:33

[编程语言] HTML5的音频和视频监听器应用

一介绍 1、<audio>和<video>元素有不少监听事件，因此可以绑定这些事件的监听器。 2、本应用实现<video>的ontimeupdate事件的监听器。 3、通过ontimeupdate事件绑定监听器可以实时监控音频、视频的播放位置。二代码 <!DOCTYPE html> <html> < ...

HTML5 音频视频监听器

1顶0踩

cakin24 评论(0) 有977人浏览 2017-04-12 19:04

[编程语言] HTML5的video元素和audio元素兼容性

一介绍因为各浏览器对音频和视频的支持互不相同，开发者可能希望为<video>和<audio>元素指定多个媒体源，此时可以借助<source>子元素来实现。二代码 <!DOCTYPE html> <html> <head> <meta name="author" cont ...

HTML5 video audio

1顶0踩

cakin24 评论(0) 有1149人浏览 2017-04-11 20:46

[编程语言] HTML5的video元素应用

一介绍 HTML5 <video> 元素是一个HTML5元素，在HTML4中是非法的，但在所有浏览器中都有效。该元素使用非常简单，举例如下二代码 <!DOCTYPE html> <html> <head> <meta name="author" content="Yeeku.H.L ...

HTML5 video元素

1顶0踩

cakin24 评论(0) 有720人浏览 2017-04-10 20:32

[编程语言] HTML5的audio元素应用

一介绍 HTML5 <audio> 元素是一个HTML5元素，在HTML4中是非法的，但在所有浏览器中都有效。该元素使用非常简单，举例如下二代码 <!DOCTYPE html> <html> <head> <meta name="author" content="Yeeku.H ...

HTML5 audio

1顶0踩

cakin24 评论(1) 有860人浏览 2017-04-10 20:23

[编程语言] HTML5 简介

HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。 HTML5的设计目的是为了在移动设备上支持多媒体。 HTML5 简单易学。一什么是 HTML5 HTML5 是下一代 HTML 标准。 HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而，大部分现代浏览器 ...

HTML5

1顶0踩

cakin24 评论(0) 有824人浏览 2017-04-06 20:51

[行业应用] HTML5文档查看器PrizmDoc v12.2发布，为Viewing客户端添加了新功能。

PrizmDoc是最快速、最有品质的HTML5文档查看器，提供安全的、全定制化的查看和协作功能。它通过一个简单部署的机制减少成本，降低安全风险和提高生产率。同时，它是基于服务器的查看器，消除了不必要的许可和下载。 PrizmDoc发布v12.2新版本，为Viewing客户端和PrizmDoc服务器添加了新功能。 Viewing客户端现在，你可以在任何内容显示之前以编程的方式设置Vi ...

PrizmDoc HTML5

0顶0踩

Harriet666 评论(0) 有121人浏览 2017-03-17 11:15

[企业架构] springmvc整合mybatis框架源码 bootstrap html5 mysql oracle maven SSM

获取【下载地址】 QQ: 313596790A 调用摄像头拍照，自定义裁剪编辑头像【新录针对本系统的视频教程，手把手教开发一个模块，快速掌握本系统】B 集成代码生成器 [正反双向](单表、主表、明细表、树形表，开发利器)+快速构建表单; 技术：313596790

html5 springmvc mybatis bootstrap shiro

0顶1踩

finz752 评论(0) 有64人浏览 2017-02-25 00:19

[Web前端] HTML5 技术在风电、光伏等新能源领域的应用

随着新一轮工业革命兴起，应对气候变化日益成为全球共识，能源技术正在成为引领能源产业变革、实现创新驱动发展的源动力。从全球到中国，以风能、光伏发电为代表的新能源产业发展迅速，可再生能源发电与现代电网的融合成为了世界能源可持续转型的核心，发电技术继续沿着大规模、高效率和低成本方向持续进步，中国在风能和光伏发电领域的累计装机量和新增装机量已经跃居世界首位。相比传统能源稳定、可控的生产方式，风能、太阳 ...

HTML5 风电光伏新能源 ht-for-web

1顶0踩

xhload3d 评论(0) 有668人浏览 2017-02-13 08:32