[编程语言] HTML5 推箱子游戏过关演示动画
点击下面链接可看动画:
http://www.108js.com/article/article3/zip1/exam/a.html
效果图:
代码:
var canvas = document.getElementById("gameBox");
var context = canvas.getContext("2d");
var imglen ...
[编程语言] HTML5之canvas绘制动态时钟
最近看了一些HTML5的网页,感觉很高端,于是开始上手HTML5,跟着网上的视频学,收获还是不小,今天说说这几天学的HTML5新加的canvas标签,通过写这篇博客来巩固一下这几天学到的东西。
canvas标签是是HTML5新加的绘制背景的,但是正像"canvas"的意思“画布”一样,它只是一张给别人在上面画东西的东西,就像我们小学时的美 ...
[企业架构] 最详细的Vue Hello World应用开发步骤
很多Vue的初学者想尝试这个框架时,都被webpack过于复杂的配置所吓倒,导致最后无法跑出一个期望的hello word效果。今天我就把我第一次使用webpack打包一个Vue Hello World应用的所有步骤详细记录下来,供Vue的初学者参考。
安装nodejs和npm,这两个就不用说了,网上很多教程。
本地随便新建一个文件夹,进入后运行命令npm init, 一路nex ...
[编程语言] 罗列一些自认为比较有用的前端东西
一、highcharts插件。
主要用作制表,对于按时间统计资料非常有效,并且具有美观的外表,代码简单易于修改(需要英文基础),我认为非常值得推崇。http://www.highcharts.com/
二、angularJS插件。
AngularJS是Google开源的一款JavaScript MVC框架,不但能减少代码量还能很好的复用(我现在正在研究),里面有入门教程、一些好的文章 ...
[开源软件] 【Python真的很强大】程序Log实时监控
需求构思: 在linux下常常需要查看程序的实时输出,我们用 tail -f logfile 即可在console下实现此需求。现在要拓宽应用: 想在web browser下查看程序(以及日志)的实时输出(也就是程序Log的Web实时监控)。
架构构思: 因为考虑了“实时"这个需求,所以初步定位为socket架构; 再因为是构建在web之上,属于web app,所以sock ...
[编程语言] HTML 5 参考手册
HTML 5
通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则,HTML 5 改进了互操作性,并减少了开发成本。
HTML 5 中的新特性包括了嵌入音频、视频和图形的功能,客户端数据存储,以及交互式文档。
HTML 5 还包含了新的元素,比如:<nav>, <header>, <footer> 以及 <f ...
[编程语言] HTML5 中的新特性
通过我们的 HTML 编辑器,您能够编辑 HTML,然后点击按钮来查看结果。
实例
<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src=&quo ...
[移动开发] 使用JavaScript调用手机平台上的原生API
我之前曾经写过一篇文章使用Cordova将您的前端JavaScript应用打包成手机原生应用,介绍了如何使用Cordova框架将您的用JavaScript和HTML开发的前端应用打包成某个手机平台(比如Android,iOS)的原生应用。
那么,您也许会有一些需求,需要在您的前端应用里使用到手机平台的一些原生API,比如使用手机Mobile操作系统提供的传感器(Sensor)。这些任务是Java ...
[Web前端] 使用Cordova将您的前端JavaScript应用打包成手机原生应用
假设我用JavaScript和HTML开发了一个前端应用,我想把该应用打包成能直接在手机上安装和运行(不通过浏览器)的原生应用,例如像下面这样。对应用的用户来说,他们得到的用户体验和真正的用Android Studio或者XCode开发的原生应用完全一致。
这是怎么做到的?
答案是使用Apache的开源框架,Cordova。
以Android框 ...
[Web前端] 通过90行代码学会HTML5 WebSQL的4种基本操作
Web SQL数据库API是一个独立的规范,在浏览器层面提供了本地对结构化数据的存储,已经被很多现代浏览器支持了。
我们通过一个简单的例子来了解下如何使用Web SQL API在浏览器端创建数据库表并存储数据。
<!doctype html>
<html>
<head>
<scrip ...
[Web前端] 小技巧:如何突破某些网站只能登陆后才能进行文字拷贝的限制
我写公众号文章时,经常需要从一些网站的文章上查阅一些资料。比如我想把这个网页上的一个标题“SAP Fiori 2.0用户体验设计概念获红点大奖”进行拷贝。
然而当我按了键盘上的拷贝快捷键Ctrl C后,却收到这个提示,告诉我只有登陆后才能够进行复制操作。
可是为了登陆我得先注册,有点麻烦。如果赶时间的话,可以使用这篇文章的小技巧,达到不用先注 ...
[Web前端] 基于 HTML5 结合工业互联网的智能飞机控制
前言
从互联网+的概念一出来,就瞬间吸引了各行各业的能人志士,想要在这个领域分上一杯羹。现在传统工业生产行业运用互联网+的概念偏多,但是在大众创业万众创新的背景下,“互联网+”涌出了层出不穷的“玩法”,智慧城市、隧道交通、智慧园区、工业生产,甚至是这次要说的智能飞机!异地协同制造的范围,目前多局限于主机制造厂之间,发动机和机载系统介入得很少。“互联网+飞机”可通过提高各类飞行器的有效监控能力、 ...
[Web前端] 基于 HTML5 结合互联网+的电力接线图
前言
“互联网+”思维让数据的搜集和获取更加便捷,并且随着大数据的深度开发和应用,数据分析预测对于提升用户体验有非常重要的价值,同时也为不同行业、不同领域的合作提供了更广阔的空间。传统的发电企业是一个资金、技术密集但又相对独立封闭的行业,例如沙角A电厂,拥有优质的码头、安信检修、车队、技术人才等资源,未来是否能借助互联网走出去,或者其他一些先进的管理、技术能否通过互联网走进来互融都是可以探索的 ...
[Web前端] 基于 HTML5 的工业互联网云平台监控机房 U 位
前言
机柜 U 位管理是一项突破性创新技术--继承了 RFID 标签(电子标签)的优点的同时,完全解决了 RFID 技术(非接触式的自动识别技术)在机房 U 位资产监控场应用景中的四大缺陷,采用工业互联网云平台监控机房 U 位的方法,具有高可靠性、高准确性、精准定位、免维护的特点,满足了 U 位级实时监控、智能运维闭环管理的需求。设备上架、下架与迁移,自动变更和实时记录,(用户评价):部署工业 ...
[Web前端] 基于 HTML5 WebGL 的 3D 工控裙房系统
前言
工业物联网在中国的发展如火如荼,网络基础设施建设,以及工业升级的迫切需要都为工业物联网发展提供了很大的机遇。中国工业物联网企业目前呈现两种发展形式并存状况:一方面是大型通讯、IT企业的布局;一方面是传统工业软件和工业网络企业自发地延伸,由产品提供商发展为方案供应商。什么叫做裙房?裙房是指附属于主高楼并与之连成一体的低层建筑。本文的 Demo 是针对于裙房做的,但是在工业监控系统中有很多雷 ...
[Web前端] 基于 HTML5 WebGL 的 3D 棉花加工监控系统
前言
现在的棉花加工行业还停留在传统的反应式维护模式当中,当棉花加下厂的设备突然出现故障时,控制程序需要更换。这种情况下,首先需要客户向设备生产厂家请求派出技术人员进行维护,然后生产厂家才能根据情况再派人到现场进行处理。由于棉花加工设备分布在中国各地乃至出口到世界各地,从客户反应问题到厂家派人到达现场的时间周期就会很长,少则 一天,个别偏远的地方可能会需要几天,不同程度地影响到企业生产活动的继 ...
[Web前端] 往ABAP gateway system上和Cloud Foundry上部署HTML5应用
ABAP Gateway system
在我的公众号文章里有详细介绍:SAP Fiori应用的三种部署方式
用WebIDE部署
用Eclipse Team provider部署
执行report /UI5/UI5_UPLOAD_INTO_MIME
Cloud Foundry
在manifest.yml文件里指定buildpack,
然后到manif ...
[编程语言] Node JS实战之制作涂鸦游戏
本文原文发表在http://tech.it168.com/a2012/0904/1393/000001393533_all.shtml中,乃本人编译之作品,禁止转载
Node.js目前无论是在前端还是后端开发中,已经越来越受到广大开发者的关注,相关使用Node.js进行开发的案例也越来越多。
Node是一个Javascript运行环境(runtime)。实际上它是对GoogleV8引擎(应 ...
[开源软件] 不得不爱开源 Wijmo jQuery 插件集(2)-【准备工作】(附30种Theme演示和源码)
由于我写这个系列文章的目的是让大家快速、简单的制作绚丽的 jQuery 站点。所以写本文分两部分:
第一,ITEYE里有许许多多的大牛。但是也有一些刚刚入门的朋友。大牛们可以忽略掉前面的部分内容,直接查看 Theme 展示。刚刚入门的朋友可以细致的查看前面关于
介绍一些 jQuery 的基础知识,还有如何引用 Wijmo 资源文件的内容。
第二,上篇文章中讲到 Wijmo 内置了 ...
[编程语言] 简单用Html5画了一条鱼
function draw(){
var c = document.getElementById("myTrails");
var cxt = c.getContext("2d");
cxt.save();
head(cxt);
backbone(cxt);
fishtail(cxt);
setAuthor(cxt);
...
[企业架构] 如何上传HTML5应用到SAP云平台的Cloud Foundry环境下
先使用WebIDE创建一个HTML5应用。New->Project from Template:
从可选模板里选择SAPUI5 Application:
创建一个HTML5 Module,取名为frontend
[Web前端] 基于 HTML5 的 WebGL 3D 智能楼宇监控系统
前言
智能监控的领域已经涉及到了各大领域,工控、电信、电力、轨道交通、航天航空等等,为了减少人员的消耗,监控系统必不可少。之前我写过一篇 2D 的智能地铁监控系统广受好评,突然觉得,既然 2D 的这么受欢迎,那么 3D 的需求量肯定也是非常大的,3D 毕竟比 2D 来说还是更直观一些,于是有了这个例子以及这篇文章。智能监控系统在 3D 中应用比较广泛的除了 3D 机房以外,我觉得就是楼宇的监控了 ...
[Web前端] Internationalization(i18n) support in SAP CRM,UI5 and Hybris
i18n(其来源是英文单词 internationalization的首末字符i和n,18为中间的字符数)是“国际化”的简称。对程序来说,在不修改内部代码的情况下,能根据不同语言及地区显示相应的界面。
SAP CRM
WebClient UI上显示的文本不会硬编码,而是维护在OTR(Online Text Repository)里,代码里通过如下API取出。
...
[编程语言] JS特效-浏览器标题栏闪烁
使用JavaScript制作浏览器标题栏闪烁效果,以面向对象的方式方式封装了JS。当你遭遇了Backbone,就会习惯JS也面向对象,也会习惯JS也MVC分离。就像这种JS风格,我喜欢。扯远了,呵呵。
不废话了,直接贴代码。
<html>
<head>
<title>JS效果-浏览器标题栏闪烁</title>
<meta ...
[互联网] 浅谈移动互联网时代中小企业该如何革命?--手机网站
中国移动通信集团公司董事长奚国华表示,“创新是技术发展的原动力。我们在技术上能够提供宽带业务,关键是互联网企业加强开发出老百姓喜闻乐见的各种各样的应用。”CBSi(中国)高级副总裁刘小东同样表示,“将旧有的互联网服务简单的照搬到移动互联网上并不是成功的路径,我们需要更多的思考,如何给他们带来有价值的东西,或者说创造有价值的应用服务,这是我们思考的方向。”显然,满足用户各类需求的创新 ...
小组成员3111人 浏览678565次 成员列表