前端开发专题
teemai
这个作者很懒,什么都没留下…
展开
-
强大的Web画图JavaScript库 – mxgraph
最近要做一个在线Web画图组件,搜了下,发现这个mxgraph太强大了。具体看官网demo。可惜只能远程调用js库,要是能下载就太好了。demo:http://www.mxgraph.com/demo/mxgraph/editors/diagrameditor.html非常强大的一款在线画图类图.对于我们这些做内部系统的人来说,拿它来画Workflow图非常不错原创 2012-02-05 09:40:29 · 3929 阅读 · 0 评论 -
js获取浏览器高度和宽度值(多浏览器 图解-经典)
最近做写前端的代码比较多,对前端页面的详细布局不是很清楚的,备份下留着自己以后用。document.write("屏幕尺寸:"+screen.width+"*"+screen.height)document.documentElement.clientHeight IE下为0. 加上: 则没问题。 否则用bodyIE中:document.body原创 2012-03-10 13:25:28 · 1969 阅读 · 0 评论 -
web 3d引擎
http://www.cssass.com/blog/index.php/2012/1266.html使用three.js库,在页面中导入显示3D模型。Java代码 "UTF-8" /> MGA-411 Mangusa "text/javascript" charset="utf-8" src="http://www.cssas原创 2012-02-29 10:16:05 · 3655 阅读 · 0 评论 -
吐槽:Struts2 + uploadify进度条问题
先吐个槽:进度条问题啊!!!!一会到99%不动了,一会debug之后干脆进度条就不走了,一直在0%。google了很久,发现好多人都遇到这样的问题,要么就是css冲突,要么js冲突。其实还有个最重要的原因,如下所述:Jquery的上传组件uploadify是一个很好用也很简单的插件。但是在使用过程中发现一个问题始终得不到解决,就是在uploadify的中有一个上传完成回原创 2012-02-19 17:30:53 · 3093 阅读 · 0 评论 -
JQuery Uploadify 基于JSP的无刷新上传实例
项目需要实现一个无刷新批量文件上传功能,仔细研究了下,发现JQuery 提供的Uploadify插件十分不错,不过官方的实例是基于php的,下面我用jsp+servlet简单实现了这个功能,废话少说,先看效果图:1、初始化页面:2、选择多个文件(可一次多选)后:3、点击开始上传(上传完就自动消失)效果就是上面那样,页面不刷新。下面上代码:1、原创 2012-02-19 14:24:23 · 20112 阅读 · 17 评论 -
个人网站上线
网址:http://cross.withiter.com/花了2周业余时间,终于可以上线了。网站用的最简单的JSP + Servlet + MongoDB开发的。很简洁。贴几张截图吧:原创 2013-07-13 11:26:51 · 8168 阅读 · 8 评论 -
JavaScript 回调(callback)函数
此文适合JavaScript入门级选手阅读,高手就可以飘过了。先扯点闲话。在中国,有这么一种现象:不管什么词或者概念,总会有些人把这些东西解释的神乎其神,貌似搞得别人听不懂就觉得自己很厉害的样子。其实不知道有多2。我个人比较崇尚简洁明了。什么词,什么概念,如果你能用简短的一两句话让大家听明白,这才是本事。好了,闲话不扯了,进入正题。在JavaScript里什么叫Callback“回调函数”原创 2013-07-03 16:31:43 · 15420 阅读 · 5 评论 -
JS对CHECKBOX的操作
/** * 全选的所有指定名称的checkbox *@state 全选的checkbox的状态 *@name 表格中的所有checkbox的名称 *@author fangtf *@type void */ function selectAll(state,name) { var ids = documen原创 2010-01-19 21:17:00 · 6681 阅读 · 0 评论 -
Uploadify + Struts2 应用之分析与详解
Uploadify是一个Jquery框架下处理批量文件上传的插件,支持多种服务器端软件。遗憾的是,官网(www.uploadify.com)的说明文档做得很不完善,着重于说明Js部分的配置,而没有对服务端的数据接口进行详细说明。而且由于与服务器端进行数据交互的部分被封装在swf文件中,也很难从源代码进行分析。 1) 分析基于此,为了探索Uploadify在Struts2下的应用接口数据原创 2012-02-19 15:36:33 · 2418 阅读 · 1 评论 -
jquery验证框架-form validation范例
formvalidator.html如下:Java代码 formvalidator.html原创 2010-06-12 11:36:00 · 6840 阅读 · 7 评论 -
Node.js 入门
首先下载node.js,然后解压到E盘,改名为node,然后开始菜单输入cmd,用cd命令切换到nodejs的解压目录:第一个例子:hello world。在node目录下建立hello.js文件,然后在里面输入:varsys = require("sys");sys.puts("Hello world");原创 2012-02-22 10:15:43 · 1392 阅读 · 0 评论 -
Jquery 性能优化
jQuery越来越流行了,大家可能也会发现,在浏览网站过程中,越来越多的网站开始使用jQuery来构建以前需要使用flash来实现的超酷动态效果,事实上jQuery已经成为前端开发中重要的类库之一,发挥着构建丰富web前端的利器。但是作为一个JS类库,很多人并不是非常清楚如何正确使用jQuery来达到最佳的性能(Peformacne),如果你觉得代码书写对于性能的影响不会那么巨大,那么我只能告诉你原创 2012-02-29 10:17:57 · 1785 阅读 · 1 评论 -
JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全原创 2012-02-13 12:38:07 · 1961 阅读 · 0 评论 -
最短的JS判断是否为IE浏览器
if(-[1,]){ alert("这不是IE浏览器!");}else{ alert("这是IE浏览器!");}varie = !+"\v1";仅仅需要7bytes!参见这篇文章,《32 bytes, ehr ... 9, ehr ... 7!!! to know if yo原创 2011-12-14 22:32:34 · 1877 阅读 · 0 评论 -
【CSDN常见问题解答】如何避免表单重复提交
1、第一个我个人觉得是最好的:Token。Token的基本原理:服务器端在处理到达的请求之前,会将请求中包含的令牌值与保存在当前用户会话中的令牌值进行比较,看是否匹配。在处理完该请求后,且在答复发送给客户端之前,将会产生一个新的令牌,该令牌除传给客户端以外,也会将用户会话中保存的旧的令牌进行替换。这样如果用户回退到刚才的提交页面并再次提交的话,客户端传过来的令牌就和服务器端的令牌不一致,从而有效地原创 2013-12-08 15:17:45 · 7343 阅读 · 1 评论 -
JS实现打字效果
最近参加了CSDN论坛举办的214情人节活动,就写个了页面,效果见:http://withiter.com/cross.jsp这里我把代码共享出来,供大家参考:I just wanna staya { text-decoration: none} <span style="color:green;" id="typewriter" href="javascript:原创 2014-02-15 23:55:31 · 9671 阅读 · 1 评论 -
推荐几款优秀的网页聊天工具
可能很多人认为在网页上进行沟通是无益的,当然,我们做为个人博客又或个人站点,自然是有充分的自由,我爱聊不聊,没人管得着。但是有个问题我已经 思考了很久,为什么国内那么多的垃圾在线聊天服务商能存活呢?他们提供的可是收费服务,是要用户放血的。这就不难理解了,大多商业站点是需要这种与浏览者 快速建立联系工具服务的。Fearless也试用过很多此类服务,但总是差强人意,所以今天,我推荐一些优秀的网页聊天服原创 2012-06-02 20:10:11 · 18777 阅读 · 2 评论 -
Flowplayer 动态切换视频内容
本实例是关于Flowplayer动态切换视频内容的一小段代码,主要方式就是通过Javascript循环绑定播放按钮,url中添加实际的视频地址即可。// loop those links and alter their click behaviourfor (var i = 0; i < links.length; i++) { links[i].onclick = function原创 2012-03-26 20:14:40 · 3302 阅读 · 0 评论 -
固定宽度下拉列表中option内容显示不全问题解决方法
不少时候在页面中为了布局的需要,下拉列表的宽度需要设成比较小的值,这时如果恰巧它包含的选择项的内容比较长,那么超出select宽度的部分将会被截断,如果option显示的内容又比较重要,必须完整地展现出来,或者你是个完美主义者,那这就成了一个不大不小的问题了。在IE7+、Firefox中,由于支持了的title属性,我们可以想办法给option标记设置title属性(内容可以与显示的值相同或者原创 2010-06-02 09:51:00 · 1827 阅读 · 0 评论 -
IE7 的JS错误:Expected identifier, string or number
在调试JQuery代码的时候在Firefox下调试通过,在IE7下却出现如题所示的JS错误。google了下,发现了问题原因,记录一下:参考:http://forumsblogswikis.com/2008/07/21/javascript-error-expected-id原创 2011-08-22 14:54:48 · 3848 阅读 · 1 评论 -
jqDnR扩展功能,实现子容器在父容器中拖拽
DPS项目需要进行对jqDnR进行扩展,花了一天时间终于搞定了。下面的代码实现子容器在父容器中进行拖拽的功能/** jqDnR - Minimalistic Drag'n'Resize for jQuery.** Copyright (c) 2007 Brice Burgess , http://www.iceburg.net/* Licensed under the MIT原创 2012-02-08 13:10:59 · 1728 阅读 · 1 评论 -
JavaScript Namespace
JavaScript Namespace With the prevailing usage of AJAX calls, multiple subapps (and their corresponding JS snippets) will be loaded in the same logical "page", thus sharing原创 2012-02-13 14:18:11 · 1294 阅读 · 0 评论 -
精确定位浏览器内部可视区域大小并弹出遮罩层
代码:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>始终居中的弹出层 var winWidth = 0; var winHeight = 0; function findDimensions(){ //函数:获取尺寸原创 2012-02-13 17:51:01 · 2665 阅读 · 0 评论 -
javascript 浏览器提示有消息
给个小实例,注意在IE下的,没考虑兼容性,把以下代码拷贝到文本中,改成test.html就可以了Stop flashvar newMessageRemind={_step: 0,_title: document.title,_timer: null,show:function(){var temps = newMessageRemind._title.replace("[ ]"原创 2012-02-17 17:57:02 · 1905 阅读 · 0 评论 -
xloadtree demo
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> var tree = new WebFXLoadTree("default", "tree.xml"); //var tree = new WebFXTree('aaa'); $(docum原创 2012-03-06 17:54:52 · 1389 阅读 · 1 评论 -
webfx 插件
很强大,记录:http://webfx.eae.net/dhtml/原创 2012-03-06 15:05:41 · 1469 阅读 · 1 评论 -
Tree Test
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>CSS TreeMenuh1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}ul,li { margin: 0; padding: 0; list-sty原创 2012-03-05 18:21:23 · 1349 阅读 · 0 评论 -
Flowplayer 播放 音频
http://osric.com/chris/flowplayer/examples/simple-audio-example.html<!-- A minimal setup to get you started. This configuration is the same as in our Quick Start documentation: http://原创 2012-03-24 20:57:06 · 2584 阅读 · 0 评论 -
IE8 未知的运行时错误
IE8 未知的运行时错误,这个真的很难发现问题的根源!!发现用IE调js真的蛋疼。诶,而且IE和FF Chrom等等标准都不一样。其他浏览器都可以,唯独IE不行,无语。现在说下问题怎么解决的。在用 Javascript 更改 HTML 代码的时候,经常会用到某个对象的 innerHTML。在读写标签内的代码或字符串时非常方便。但 IE 对这个属性的支持不太好,经常容易报原创 2012-03-10 20:33:39 · 5591 阅读 · 0 评论 -
JS强制输入数字
isNumber = function (e) { if ($.browser.msie) { if ( ((event.keyCode > 47) && (event.keyCode < 58)) || (event.keyCode == 8) ) { return true; } e原创 2012-05-02 14:37:43 · 2543 阅读 · 0 评论 -
Javascript 中 String.replace( ) 多种用法
由于Javascript中没有提供replaceAll()方法,搞得我们用起来不是很舒服,下面我将为大家演示下利用replace方法得到其他效果的列子,如replaceAll效果。String.replace( ) 简介语法: string.replace(regexp, replacement)regexp :您要执行替换操作的正则表达式,如果传入的是一个字符串,那就会原创 2012-09-23 12:57:08 · 7412 阅读 · 3 评论 -
修改jqDnR源码
项目需要需要多此插件进一步做修改以满足当前项目的需求,其实需求很简单,就是在拖拉的时候限制往下的方向,固定高度,只能往左右拉伸或者缩小。代码修改如下:/** jqDnR - Minimalistic Drag'n'Resize for jQuery.** Copyright (c) 2007 Brice Burgess , http://www.iceburg.net/*原创 2012-09-23 18:07:01 · 1883 阅读 · 0 评论 -
一个简单的HTML5摇一摇实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.原创 2014-10-24 10:58:15 · 7673 阅读 · 2 评论