web编程
关注
分享
扫一扫
文章平均质量分 60
laputa73
学到老
展开
-
静态html引入其他html
在IE里面,不是问题,用jq.load就可以,在chrome内核,默认是禁止访问本地文件的,需要放在web server下才行.那么不用webserver到底行不行呢?搜索和尝试了不少方案,只有这个是靠谱的. 查了一下,这个是h5的新特性,不过对chorme不是问题(ff据说不支持)页面1<html><head><title>main</title&...原创 2018-03-20 11:00:32 · 3603 阅读 · 2 评论 -
修改bindows gauge组件支持opera
Bindows gauge是一个很cool的支持vml/svg的仪表显示组件。 默认支持ie,ff,chrome. 但是不支持opera。这个很难理解。 怀疑是浏览器检测有问题。 尝试修改了一下，基本成功。 有三处修改： 1.增加对opera的检测 BiBrowserCheck.opera=/opera/i.test(navigator.userAgent原创 2012-07-28 11:12:13 · 598 阅读 · 0 评论 -
nginx的perl cgi支持修改
网上关于nginx支持perl cgi的文章不少。不过多半是方法1即基于http://wiki.codemongers.com/NginxSimpleCGI的修改实现 它的特点是用到了ProcManager模块use FCGI; use Socket; use FCGI::ProcManager; 还有 require 'syscall.ph';网上还有原创 2012-08-13 10:43:48 · 1857 阅读 · 0 评论 -
svg webtopo原型9- 连线
之前漏发了一篇，补上。svg webtopo的基础原型就这些了。剩下就是曲线、线型的渲染、右键这些。有空再研究了。反正离实用还有差距。用作原型基本够用了。SVG不支持zindex,这个真是和canvas一样，后画的会覆盖先画的。土。。。。处理连线的边缘就比较麻烦了。 电路 <!-- legengd.html 1.显示设备和连线-->原创 2012-07-18 10:51:46 · 1363 阅读 · 0 评论 -
svg webtopo原型7 设备
设备就是goup+img+text有了img的基础，实现设备的基本显示就相对简单了。不过处理设备的移动，又遇到了难题。直接设置group的坐标是不起作用的，可以通过设置grouo内部元素的坐标来实现启动，不过这种方式太笨拙了。Svg直接提供了位移的变形方法，可以实现移动。不过需要注意，这个方法是相对初始位置的坐标移动。4dev.htm设备 <!-原创 2012-07-03 09:30:05 · 1226 阅读 · 0 评论 -
svg webtopo原型6 事件的鼠标属性
这个是测试事件的属性。例如鼠标按钮，点击位置等。Svg中的时间和页面其他元素是等效的，在IE/ASV中，则需要通过关键字evt，支持的属性有区别IE和opera都支持的属性：Event.buttonEvent.xevent.clientX 图例<!-- legengd.html 1.测试动态创建事件 2.测试事件的属性(和ie的事件对原创 2012-07-03 09:23:19 · 1246 阅读 · 0 评论 -
svg webtopo原型4-图片的动态显示
这个例子是测试设备的显示。主要就是用g来包含图片和文本。这块遇到的困难有点超出想象。开始创建的image对象怎么也无法显示。但是生成的源码另存后是可以显示的。百般不解。最后还是通过分析webtopology的源码发现，Image的连接必须写成image.setAttributeNS("http://www.w3.org/1999/xlink","href",imag原创 2012-07-03 09:11:40 · 2583 阅读 · 1 评论 -
svg webtopo原型5 基本的事件
这个例子是测试svg自身的事件。Svg支持js事件。Js可以包含在svg中(hi1)，可以被svg外部引用(hi2)，也可以包含在父页面中，或者被父页面外部引用。也可以通过onclick事件简单地添加或者修改。需要注意， group上不能直接被点中，只有它的子元素可以被选中5event.htm图例<!-- legengd.html 1.测试动原创 2012-07-03 09:19:01 · 950 阅读 · 0 评论 -
svg webtopo原型8 -拖曳
这回是真正的考验了，要实现设备的鼠标拖曳功能。这个功能理论上比较简单，但是为了兼容性，几乎吐血。实现的方法有很多，这里仅列举一种。核心就在于坐标变换，主要有三点注意针对ie的embed，需要注意设置wmode="Transparent"属性，这样可以不影响页面的鼠标事件。再有就是IE/asv不支持offsetX方法，所以需要自行设法计算鼠标点击位置相对设备的坐标。Ie和op原创 2012-07-05 10:07:15 · 2769 阅读 · 1 评论 -
svg webtopo原型3 chrome frame
在学习canvas的时候发现了canvasXpress,然后了解了chrome frame.给ie8装上了chrome frame.测试一下chrome的情况。试了一下，chrome frame对本地页面无效，对myie无效，只有对服务器端且添加了的页面才有效因此原型的兼容性测试就包含了ie8,opera和chrome frame. 发现chrome在对embed的处理有些原创 2012-06-21 09:34:06 · 1155 阅读 · 0 评论 -
svg webtopo原型2基本功能，缩放
接下来要实现缩放功能，就有了很多的曲折，耗费的时间超出预期。理论上讲，svg已经经过了xm标准化，可以和dhtml溶为一体了，实际上还是有一些差距的。ie 的adobe svgviewer就更不用说了，早停止更新了。但是它的功能还是很不错的，怀念啊Opera上不支持ASV插件的部分功能，例如查看源码、缩放等。当然svg本身是支持缩放的，方法不只一种。可以用viewbox,也可以原创 2012-06-21 09:26:05 · 1485 阅读 · 0 评论 -
svg webtopo原型（1）基本功能
考虑到svg也是html5的标准之一，考虑继续抽空把svg的topo原型移植完。阻力：已经有webtopology开源包了，实现的功能基本类似 参照vml模型的顺序，先实现基本的文本和画线功能。之前在前期探索中，已经完成了画矩形、画线的探索，包括ie/opera的兼容，中文处理等。因此基本功能还算顺利。主要实现文本、线条的显示。以及基本的js操作的简单封装。兼容ie+a原创 2012-06-21 09:12:51 · 1753 阅读 · 1 评论 -
几种web app性能对比(jsp/mojo/ngx_perl/ngx_lua/plack/twiggy)
测试命令ab -c n -t 1 -k感觉-k参数对nginx就是开挂.不加也就2k多.加了一下到10kngx_lua性能实在强悍.难怪现在有专门的nginx+lua应用 服务器了jsp用的resin3,还是线程模型,也许4会好一点?psgi还没测,安装依赖模块太多了.对twiggy/feersum有一定期待,不过预计和mojo/hypnotoad差不太多.原创 2013-08-19 21:13:45 · 1621 阅读 · 0 评论 -
hello ip大比拚。
项目里面有一个小需求，返回http用户的实际ip.正好用来测试不同appsvr的性能。测试在虚拟机本机测试。1GRAM.使用webbench -c 10 -t 5.os是centos64 x86_64测试方式是连续测试2次，取最好的。 先测一下静态页面，作为对比静态页面 nginxSpeed=447144 pages/min, 1810927 bytes/sec.原创 2013-08-30 15:03:50 · 746 阅读 · 0 评论 -
推荐 phantomjs
一直在关注nodejs的zombie,结果发现了更好的phantomsjs 可以轻松实现无图形界面的浏览器功能 这意味着,可以基于命令行终端进行网页调试原创 2013-11-27 17:22:04 · 4785 阅读 · 0 评论 -
raphael/rgraph介绍
h5火了以后，svg/vml基本很少提了。不过后者在老浏览器兼容方面，还有一些长处。-------------------------------一、raphael是什么？？Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础。Raphael 目前支持的浏览器包括： Chrome转载 2017-10-23 09:06:04 · 2906 阅读 · 0 评论 -
vuejs和echarts3整合(2)
在松耦合模式下，vuejs需要通过主动调用函数来触发echarts的数据更新。echarts也可以完全不依赖vuejs,自己控制数据加载。 可以进一步实现数据绑定。这样vue的data变化,echarts也跟随更新。 echarts本身不是数据感应控件，通过watch来实现。 ECharts原创 2017-04-18 08:46:10 · 4280 阅读 · 0 评论 -
vuejs2和echarts3组合显示图表
由于echarts3不再通过AMD加载，无需内置echarts变量，所以整合变得简单多了。echarts成了一个普通的全局变量，可以被vue操作 ECharts {{ message }} 变换数据原创 2017-04-17 21:01:31 · 3743 阅读 · 2 评论 -
graphana从2.5开始也可以支持ES了
graphana原本就是从kibana fork出来的，用于支持influxdb,graphite等TSDB的数据现在graphana也可以支持ES中的时间序列数据了。转载 2015-12-22 08:34:44 · 1359 阅读 · 0 评论 -
phantomjs的局限性
phantomjs无疑是web测试的一件神器。无界面，跨平台。不过现下的版本实用中还是有些不足。1. 不支持flash,没法处理视频网站的测试。即使是支持plugin的1.4x版本。flash视频也是无法播放的。不管等待多长时间，flash只会显示开始画面。也无法探知页面的实际视频链接。但是真实的浏览器确实可以的。 2。暴露的底层api太少。 不如berserkjs原创 2015-06-06 19:49:25 · 3412 阅读 · 0 评论 -
风云舞大作 html/js游戏- 神说2015发布
作者是fengyu作者的介绍贴和贴吧http://tieba.baidu.com/p/3209150167下载地址地址1(百度网盘)：http://pan.baidu.com/s/1kTLuvwr地址2(华为网盘)：http://dl.vmall.com/c04y2f7w4b转载 2014-08-12 16:33:46 · 939 阅读 · 0 评论 -
htm背景音乐播放和停止
背景音乐var browser;function checkBrowser(){ // alert(navigator.userAgent); if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){ browser='IE';} else原创 2014-04-25 09:05:15 · 1110 阅读 · 0 评论 -
jtopo实现导出图片
jtopo的功能还是比较全面的.导出功能也比较简单就一个函数调用.基本可以覆盖以前svg原型的功能. jTopo Demo var canvas = document.getElementById(转载 2014-03-20 16:00:11 · 3625 阅读 · 2 评论 -
(hightopo)学习笔记(1)
jtopo是一个简单的at hand的js topo画图工具,特别适合用来在网页中嵌入拓扑图.但是如果是作为单独的topo管理工具,就有些太单薄的.相比之下,hightopo就强大多了. 放大缩小鸟瞰编辑导出,图表联动都已经ready了先看看简单的node示例. 注意节点实现了吸附功能var air11 = new ht.Node();air11.setName('11原创 2014-03-20 18:44:11 · 12687 阅读 · 3 评论 -
jtopo简单实例
原贴地址http://cn-arthurs.iteye.com/blog/2009345说明: jtopo是一个基于canvas的js拓扑图形组件.比canvasexpress容易多了. 号称跨浏览器,不过实际上不支持ie678,加上excanvas.js也没用,除非像canvasexpress那样使用chrome插件.注意在IE9下,第一行的>必不可少 网络拓转载 2014-03-18 13:49:46 · 18778 阅读 · 7 评论 -
使用harviewer显示har文件
1.下载harviewer的安装版http://code.google.com/p/harviewer/downloads/list目前最新是2.0.152.不需要php支持。修改展开目录的preview.php,改为preview.htmindex.php改为index.htm删除其中的 3.直接用html链接就可以了完整模式http://12原创 2013-11-28 19:45:49 · 31119 阅读 · 9 评论 -
vbs生成visio
<br />越来越多项目要求导出visio<br />先来个初级的例子吧.后续的就得翻ms的visio开发书了。<br />'Drawing a graph in visio <br />Set myvisio = WScript.CreateObject("visio.application") <br />myvisio.Visible = True <br />Set docsObj = myvisio.Documents <br />Set Doc原创 2011-02-12 18:30:00 · 1037 阅读 · 0 评论 -
vbs读注册表获取本机的CPU信息
<br />set ws=wscript.createobject("wscript.shell")<br />v=ws.regread("HKEY_LOCAL_MACHINE/HARDWARE/DESCRIPTION/System/CentralProcessor/0/ProcessorNameString")<br />'wscript.echo v<br />msgbox v , , "CPU"原创 2011-01-06 15:03:00 · 850 阅读 · 0 评论 -
vml 实现 WEB topo原型(3)-设备
实现2个功能：用图片表示设备，可以拖动功能1是vml本身的功能功能2则需要结合js事件另外，基于重用和封装的考虑，把vml元素的创建也封装为js函数，则样便于以后动态生成。 主页面Dev1.html<!-- dev2.html 1.展示通过图片表示设备 2.可以拖动设备-->设备 v/:*原创 2010-03-09 15:42:00 · 795 阅读 · 0 评论 -
VML实现web topo原型 (2)-基本元素
这个是webtop页面的一部分。展示了vml 中的line、textpath元素的用法。结合vml极道教程，可以完成初步入门。<!-- legengd.html 1.显示图例功能 2.显示文字、线-->图例 v/:* { BEHAVIOR: url(#default#VML) }<v:原创 2010-03-09 15:30:00 · 889 阅读 · 0 评论 -
VML实现WEB Topo原型（1）
原本不打算再研究vml了，不过经历了一年的徘徊，还是决定再回头研究一下理由：1. 不需要插件，IE天然支持，和js结合好。不用学新语言。2. 矢量。支持3D。3. 有现成的webtopo源代码可以研究计划：用vml实现一个简单的topo 发现的前端展示页面对于前端需求大致有：1.图片显示设备，线显示连接2.可以关联拖放3.原创 2010-03-09 15:26:00 · 967 阅读 · 0 评论 -
几种web矢量的简单性能比较(1)
最近在研究webtop。需要用到web矢量图形技术。目前，可用的web矢量图形的技术有无插件：IE:vmlFF:SVG,canvas有插件IE:flash,silverlight,svgFF:flash,silverlight对于轻量级的图形应用，可以考虑用extendcanvas来屏蔽canvas和vml的区别。通过js,可以实现在IE中通过vml或者silv原创 2010-02-21 18:03:00 · 1144 阅读 · 0 评论 -
几种web矢量图形的简单性能比较(3)
canvas是htm5中新增的图形元素。网上反映不错。可惜IE还不支持。测试方案：IE_excanvas：canvas性能.html。由于IE8还不支持canvas，所以引入了google 的excanvas脚本。实现对canvas的透明封装。这个在IE上也是通过vml实现的。从结果看，比原生的vml要慢一倍左右。不过比rapheal要快不少。Opera+canvas：canvas原创 2010-02-22 11:28:00 · 3338 阅读 · 0 评论 -
几种web矢量图形的简单性能比较(2)
再来是比较svg。浏览器：IE不支持svg,需要安装插件。分别使用了adobe的svgviewer3.0和6.0。opera自身支持svg。测试方案:IE+SVG(3.0/6.0):svg性能测试.htm。IE分别安装svg3.0/6.0插件。比较遗憾的是,adobe不再提供svg的插件开发，所以IE对svg的支持只能停留在现有状况，或者等IE以后原生支持svg了。从测试结果看原创 2010-02-22 10:23:00 · 2995 阅读 · 0 评论 -
【web】http长连接技术(6)iframe demo的简化
标签：web javascript comet php通过对这个例子的分析，我们也可以完全不用comet,直接使用iframe.也可以不用prototype.jsIndex.htmlhttp://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">http://www.w3.org/1999/xhtml"> Comet demo原创 2008-05-10 12:35:00 · 1741 阅读 · 0 评论 -
【web】http长连接技术(5)ajax demo
标签：web javascript comet php ajax comet-ajax.tar.gz 这个例子一开始部署在我的php环境下，也不成功。还总是报statck overflow.可是访问在线的demo却没问题。晕 我用的APMXE4(4)和APMXE4(php5) 检查了一下。原来是backend.php中使用2个高版本的函数 file_put_conten原创 2008-05-10 12:34:00 · 1720 阅读 · 0 评论 -
【web】http长连接技术(4)iframe demo
标签：web javascript comet php 接下来我们看看Zeitoun 网站上提供的comet例子。 Demo1: comet-iframe.tar.gz 这个主要包含3个文件 index.html backend.php prototype.js 在php环境部署后，发现it doesn’t works! 老外也会忽悠人。 检查一下，是backend.p原创 2008-05-10 12:34:00 · 3716 阅读 · 0 评论 -
【web】http长连接技术(3)http push的jsp实现
标签：web push jsppush-html-stream.jsp try { for (int i=1; i out.print(""+i+""); out.flush(); try { Thread.sleep(3000); } catch (InterruptedExcep翻译 2008-05-10 12:32:00 · 2399 阅读 · 0 评论 -
【web】http长连接技术(2)http push的php实现
标签：web php push这种方式实际上是长连接的最简单实现。和cgi很类似。PHP实现：主要是想演示一下几点：set_time_limit(0);这个用来保证长连接不会因为php请求超时而中断 ob_flush(); flush(); // used to send the echoed data to the client这两句共同保证php会即时清空 缓冲并输出等效原创 2008-05-10 12:32:00 · 2095 阅读 · 0 评论 -
vml 实现web topo原型(4)-设备和电路
电路是拓扑的核心<!-- dev2.html 1.展示通过图片表示设备 2.展示3台设备和2条连线 2.可以拖动设备和关联电路-->电路 v/:* { BEHAVIOR: url(#default#VML) } <!-- //点中设备的相关电路变虚线原创 2010-03-12 18:19:00 · 650 阅读 · 0 评论