自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(35)
  • 收藏
  • 关注

原创 用Java实现Promise的难点总结

自Promise被纳入ECMAScript6标准后,各大浏览器几乎都实现了Promise标准。以下是ecmascript6里promise的典型用法,为了解决一个线程的任务完成后,再去执行另一个任务。var promise = new Promise(function(resolve, reject) { $.ajax({ success: func...

2016-02-20 20:45:54 3068 1

Jquery的each循环和原生循环及html5foreach循环的效率比较

首先先上模拟代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content=&qu

2014-02-07 23:08:37 1002

NodeJS module.exports VS exports

 node.js通过实现CommonJS的Modules/1.0标准引入了模块(module)概念,一个模块可以通过module.exports或exports将函数、变量等导出,以使其它JavaScript脚本通过require()函数引入并使用。现在有一个问题:到底应该用module.exports还是用exports呢?console.log(module.exports ...

2012-05-22 02:36:09 120

做着玩的NodeJS服务器端模板引擎--Elf

基本功能能用,但是很多地方还比较简陋 服务器端使用方法:var Engine = require("./elf").Engine;var http = require("http");// 将模板位置传入引擎var engine = new Engine({ "test": "./table.html"});var server = http.c...

2012-05-21 16:21:33 172

NodeJs中的非阻塞方法

首先我们利用NodeJs先构建一个基本的服务器。 index.js var requestHandler = require("./requestHandler");var server = require("./server");var route = { "/hello": requestHandler.hello, "/upload": requestHa...

2012-05-18 14:52:28 265

原创 Java synchronized 关键字和Lock的随笔

最近客户300个人同时按下一个按钮,在执行到一个业务模块的时候出现了脏读。 package org.test.thread;public class Worker { public void executeJob() { // statement A check() .... // statement B .... // ...

2012-04-08 12:31:50 83

TimeZone构造注意点,及no dsv的解决方案

引子:(转载请注明出处)今天测试人员向我报了个诡异的bug。在local跑程序的时候 webbrowser的time zone经过服务器端解析后,可以正确的得到GMT+8(Beijing),但是,一旦放到服务器上,跑出来的结果就变成了GMT+7。 开始百思不得其解,后来想想,会不会是夏令时(daylight saving time)引发的问题。 系统将client timezo...

2012-03-30 18:50:42 171

光线反射研究 in WebGL

这是一篇研究计算机图形学的文章。而webGL(几乎没用他的特性)只是一种工具。用canvas2D也能实现相同的功能。本文记录了研究的体会,难免有错。欢迎有识之士一起讨论研究,不吝赐教。 先上效果图:  (一)向量篇 向量是计算机图形学中最基本的元素。一般由三个坐标组成vector(x, y, z)。他的基本运算有:加法(add),减法(subtract),数乘(...

2012-01-18 01:15:43 515 1

仿google let it snow(有水雾)

  效果如上图:1.google 的那个水雾不好看,所以就换了一个2.用鼠标拖拽,水雾会消失3.有飘雪4.只支持google chrome15以上(仅用3小时做出来的东西呵呵) snow1.1更新前面有位朋友说太卡。原因在于本人写的时候太偷工减料了。没有用唯一的主循环。现在用唯一的ExecutorService统一进行线程管理。相信速度上会有一定的提高。但是...

2011-12-25 18:32:47 95

纯webgl模拟飘动效果

 上图:  懒得去找图片,就找了个箱子来飘一下 大家直接看吧。不会运行webgl的看http://www.hiwebgl.com/ 主要是index数组生成和sin函数。没什么高深的东西  GLSL版是利用了webgl规范中的特性,而不是使用opengl旧约的思想。渲染效率更高...

2011-11-26 16:47:10 495

Css3 3d animation Step1---如何实现css动画

 前言:好久没写文章了,今天看到webQQ又一次升级。我用的chrome的画面切换甚至用到了css 3d animation+3dtransform。 本系列文章用于介绍如何仅用css实现3d动画,这是本系列的第一篇文章,仅仅只介绍了动画。也许这篇文章也许过于超前,因为大部分的浏览器器,甚至包括FF,都还没有实现3d transform。涉及到animation的部分,你可以通过w...

2011-10-12 00:46:53 615

网页图片画圈指摘,然后保存进数据库

好久没写blog了。刚才在论坛,有位兄弟问我,如果页面上有张图片,如果图片有瑕疵,如何画个圆来标注出来。存进数据库。这个设计是可行的,而且思路非常好。 ie下需要注意:透明canvas虽然能盖在图片上面,但是事件无法触发。必须用div来触发事件。 代码参考附件 ...

2011-08-10 19:05:02 128

解决applet覆盖遮罩层div的问题

当我们想用一个遮罩层div将整个页面罩住的时候,如果页面上使用了flash或者applet。那么applet会默认覆盖在div上面,无论我们在div上做什么手脚(zIndex设置到足够大)。但是如果在div的下面再套一层iframe,可以妨碍applet的默认效果,从而达到我们要的正常的效果(div覆盖在applet上面) var iframe = document.createEl...

2011-07-05 11:51:50 144

模拟google电吉他2.1GA发布,可录音&支持键盘。强势更新!!!

前几天看到google为了纪念电吉他大师而作的电吉他应用。今天在论坛里看到有人讨论,就随便做了一个简化版。 跟google的电吉他应用有以下几点不同。1.用古典吉他(我弹得。。。)代替电吉他2.由于是简化版,只做了一根高音的3弦。(2.0beta2中已部分实现)3.google发音用的是flash,可以保证不延迟和音质。由于做flash太烦了,用html5的audio代替发音的...

2011-06-12 16:48:14 273

Javascript new 原理及模拟new

js的new可以看成是一个代理模式的代理类。包裹了new 后面的函数处理顺序为1.创建一个function对象,并将prototype设置为传入函数2.执行传入函数3.判断传入函数返回值,如果为null,则返回第一步的function对象。 实现代码:模拟一个new。封装在newInstance方法里。<!DOCTYPE html PU...

2011-05-10 14:15:19 115

基于ECMAScript5的继承链实现

记得以前写过一篇基于javascript function的类继承链实现。在ECMAScript3.1中,可以把function模拟成类。但是,因为原型链,构造体的实现非常繁琐。现在各大浏览器升级到ECMAScript5之后,逐渐抛弃了以function来模拟类的思路。而转变为以对象来模拟类的思路。即:  var Cat = {}; 以上的代码,可以看成是一个对象,也可以看成是...

2011-05-03 03:09:54 95

HTML5之IndexedDB使用详解

 随着firefox4正式版的推出,IndexedDB正式进入我们的视线。IndexedDB是HTML5-WebStorage的重要一环,是一种轻量级NOSQL数据库。相较之下,WebDataBase标准已经很长时间没有更新,大有被IndexedDB取代的意思。 Section 1:起步,得到Database引用w3c为IndexedDB定义了很多接口,其中Database对象被定...

2011-04-02 14:50:52 320

ECMAScript5 新特性(四)

 Function17: Array.prototype.lastIndexOf用法和16相似,取得最后一次出现的index如果浏览器没有实现此方法,你可以通过这种方式实现  if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(searchElement /*, fromIndex...

2011-01-24 23:23:38 92

ECMAScript5 新特性(三)

Function 11: Date.prototype.toJSON提供了从Date类型转成json的方法。new Date().toJSON(); // "2010-12-06T16:25:40.040Z" Function 12: Function.prototype.bind你会发现这个函数的功能和下面的很相似var arr1 = ['1', '2'...

2011-01-24 18:48:28 85

ECMAScript5 新特性(二)

Function 4: Object.getOwnPropertyDescriptor用途:得到一个属性的定义  var person = { name : 'Joe' };Object.getOwnPropertyDescriptor(person, 'name'); // { configurable : true,enumerable : true, value : 'J...

2011-01-24 18:39:56 58

ECMAScript5 新特性(一)

 Function1: Object.create这是一个很重要的改动,现在我们终于可以得到一个原型链干净的对象了。以前要创建一个类 function Cat(name) { this.name = name; ...

2011-01-23 21:22:24 115

模拟新浪围脖的间歇性向下滚动显示信息窗口

  大家可以试试看,效果应该完全一致,并且已经在opera,IE,chrome,FF上测试通过另外在制作过程中的注意点1.scrollTop属性比较特殊,必须要在内部的div大于外部div的时候才有效果2.换行要用word-wrap,否则会在FF和opera上失效3.设置浮动上,IE和其他浏览器存在差异。 <!DOCTYPE html PUBLIC "-//W...

2011-01-23 04:59:05 236

原创 Compile Error - The Type Comparable is not generic解决方法

做Java那么多年了,还是第一次遇到这样的问题 StringBuffer query = new StringBuffer(768); query.append("12312312"); 以上第二句代码报错:The type Comparable is not generic, it cannot be parameterized with arguments<str...

2010-12-16 17:18:44 235

(原)用java流方式判断文件类型

没想到4月份我的一个回帖已经被人转载。。。在我这个正版还没出来之前。。。。 原帖地址http://topic.csdn.net/u/20100430/11/1e14634d-0045-47f8-9e1b-f8fd52ba1597.html?seed=881844262&r=65101569#r_65101569 其实,回帖中仍然有不全面的地方(txt文件并没有文件头,所...

2010-12-14 23:42:20 739

原创 (原)Html5之Svg对象的构造方法

S V G(可放缩的矢量图形)是W3C(World Wide Web ConSor—tium国际互联网标准组织)在2000年8月制定的一种新的二维矢量图形格式,也是规范中的网络矢量图形标准。 W3C是作为一个国际X的工业联盟而创建的, 目的是领导整个互联网协作的发展和创新, 以实现科技的进步和共同发展。由于W3C联盟关于SVG的开发工作组的成员都是一些知名厂商, 如Adobe、苹果、A...

2010-07-27 15:05:00 311

原创 (原)仿Http服务器下载响应

import java.io.File;import java.io.FileInputStream;import java.io.IOException;import java.io.InputStream;import java.io.OutputStream;import java.net.ServerSocket;import java.net.Socket...

2010-07-27 11:35:35 58

原创 (原)Html5之WebWorker Api详解(网页中多线程)

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/

2010-07-25 22:18:28 190

原创 优化HTML

为何要保持标签整洁客户端的优化近来倍受关注,可是有些较基本的方面却被忽视。如果你仔细观察某些页面(即便是那些本来应该深度优化的页面),很容易就能在他们的标签中找到一大堆冗余的、不高效的结构。所有这些累赘给本来应该尽可能保持轻量级的页面增加了不必要的负担。保持文档整洁的原因不一定是为了更快的加载速度,更是为了让我们的建筑能有一个结实而牢固的基础,整洁的标记意味着更好的可访问性,更方便的维...

2010-06-14 15:06:14 87

原创 (原)仿HttpClient实现HTTP上传

话不多说了,大家看代码吧模拟上传提交,发送端[code="java"]import java.io.File;import java.io.FileInputStream;import java.io.FileNotFoundException;import java.io.IOException;import java.io.InputStream;import ...

2010-06-08 15:13:25 49

原创 (原)Java动态代理实现(简单AOP实现)

本文介绍了简单Aop实现的方法,意在抛砖引玉。首先是简单的Aspect接口[code="java"]package org.aspect;/** * 切面接口 */public interface Aspect { /** * 事先执行 */ public void doBefore(); /** * 事后执行 */...

2010-06-04 17:08:05 70

原创 (原)download后回调刷新页面思路

企业级应用中,经常有要下载***文件的功能。为了减少服务器负担。经常在按下提交按钮的时候,让整张页面处于不可用的状态,以减少重复提交。现在比较流行的做法是用一个大的DIV罩住整个页面。等刷新的时候,DIV因为没有加载,所以页面复原。这个时候,问题就来了。看以下代码[code="java"]response.reset();//可以加也可以不加response.setCo...

2010-03-06 07:49:49 734

Extjs的浏览器判断方法

Extjs的浏览器判断方法可谓非常全了,如下:[code="javascript"]var ua = navigator.userAgent.toLowerCase(), check = function(r){ return r.test(ua); }, isOpera = check(/opera/), isChrome =...

2010-03-01 23:52:35 173

原创 Javascript 继承机制和构造方法链实现(原)

[code="javascript"](function(){ Rs = {version: 1.0}; Rs.extend = function(target, params) { target = target || {}; for (var prop in params) { target[prop] = params[prop]; }...

2010-02-27 23:07:41 70

两个比较有用的Javascript工具函数(原)

1.大家在实际工作中,会写各式各样的赋值语句。比如最常用的obj.style.display = "none";如果这样的赋值语句一多,obj.style一排下来都要看晕了下面我的base.js中的extend函数可以允许用json格式赋值属性甚至是函数句柄[code="javascript"]/** * 扩展函数 * @param target 需要扩展的对象...

2010-02-07 18:17:42 68

原创 JavaScript Timer实现 (原)

前言:最近开始接触flex,比起javascript,感觉as3的Timer类甚是强大。而javascript只有裸体的setTimeout,setInternval。要实现稍微复杂一点的功能,稍微没有底子的程序员就会把代码写的很乱。ok,不废话了,实现一个javascript的Timer吧比起as3的Timer类,功能上略有改动timer2.src.js[code="...

2010-02-06 20:51:04 107

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除