houfeng0923
- 浏览: 145220 次
- 性别:
- 来自: 大连
-
最新评论
-
houfeng0923：
zensh 写道这种Promise用起来还是复杂了点，需要大量 ...
使用jQuery Deferred 和 Promise 创建响应式应用程序 -
zensh：
这种Promise用起来还是复杂了点，需要大量处理异步任务的同 ...
使用jQuery Deferred 和 Promise 创建响应式应用程序 -
Troland：
houfeng0923 写道Troland 写道
functi ...
JavaScript设计模式摘要（一） -
houfeng0923：
Troland 写道
function extend(subc ...
JavaScript设计模式摘要（一） -
Troland：
function extend(subclass,super ...
JavaScript设计模式摘要（一）
文章列表
链接：twitter flight
关键字： 基于事件交互；轻量级的组件；
flight特点：
component基于dom：组件绑定到dom上
事件驱动：组件依赖event通信
分离关注点原则（体现在组件无引用、组件间完全解耦 ，和 AOP的应用）
介于单页面型应用和开放型应用之间的框架，核心是事件驱动、基于dom的组件，强调组件之间相对独立松散的架构，但对组件的定义又十分严格，具有一定的侵入性和排他性。
Flight component的概念：
组件，就是一个构造器，带有混入（mixin）其原型的属性。
每个组件都有一些基本 ...
翻译自：Creating Responsive Applications Using jQuery Deferred and Promises
e文水平有限，错误之处恳请指正
今天，我们一起探索一下deferreds的概念：一个在JavaScript工具包（如Dojo和MochiKit）中非常重要的一个功能，最近也首次亮相于流行的JavaScript库jQuery（已经是1.5版本的事情了）。 Deferreds提供了一个抽象的非阻塞的解决方案（如Ajax请求的响应），它创建一个“promise”对象，其目的是在未来某个时间点返回一个响应。 如果您有没有接触过“promise”，我们 ...
使用sublime text2 编写 node 代码 有一段日子，一直是多编写少调试，调试也是使用console.log来打印跟踪来排查。
这两天看到了 node-inspector ，感觉确实不错，可以使用chrome的debug工具来调试node，于是安装node-inspector(global mode)，开始尝试， 调试步骤如下：
1，运行待调试的node 代码
> node --debug-brk[=port] filename
2，启动node-inspector
> node-inspector.cmd //--web-port=[ ...
Image beacon
- 博客分类：
- JavaScript
转帖：http://www.denisdeng.com/?p=1143
不知道如何翻译它，只好直接用它作为标题。在《Hight Performance Javascript》一书中对此有过描述，详情可查看本书，这里只对此做一个简单描述。该技巧适用于以下场景：只关注数据是否被发送到服务器，客户端对该请求是否做出响应无关紧要。在对站点数据进行分析时，这种技巧正可大行其道。即：
var url = '/status_tracker.php';
var params = [
'step=2',
'time=1248027314'
];
(new Image()).src = u ...
Google Maps API V3 学习摘要
年前项目需要顺便学习了下Google Maps API ，相比先前的V2版本的确在结构上进行了一次较大的调整。类的职责和功能划分更加地清晰，耦合关系也越来越低，更显著的变化是实现了前端MVC分层，便于开发人员编写出结构清晰、职责分明的代码。下面是学习过程中对知识点的一点记录，不成文章。
添加地图类型MapType
map.mapTypes.set(mapTypeId,mapType)
map. mapTypeControlOptions.mapTypeIds.push( mapTypeId );
添加、删除地图 ...
本文遵循YUI3 Widget组件设计理念，继承YUI Widget类将Google Maps API v3 进行简单的封装，实现GoogleMapWidget组件。
涉及几个知识点：自定义Widget组件、自定义组件的css加载
1、定义MapWidget组件
YUI({
modules: {
'KBox':{//调用其他的组件
fullpath:'lib/custom/kbox.js',
requires:['node','event','dump','overlay','dd-plugin','anim','plugin']
...
javascript 异步编程框架
- 博客分类：
- 异步
在InfoQ上看到一篇讨论Node.js的文章《一个前端工程师眼里的NodeJS》，提到了关于javascript同步/异步编程相关的几个框架，比较不错，在此记录下
EventProxy: 解决回调函数深层嵌套问题。特点：
利用事件机制解耦复杂业务逻辑
移除被广为诟病的深度callback嵌套问题
将串行等待变成并行等待，提升多异步场景下的执行效率
无平台依赖，适合前后端，能用于浏览器和NodeJS
Jscex ：国人开发的Js同步式异步编程框架。作者：赵劼
文章可参考：使用Jscex改善JavaScript异步编程体验
详细还可以观看优 ...
log4jdbc 是工作在jdbc层的一个日志框架，能够记录SQL及数据库连接执行信息。
一般的SQL日志会把占位符和参数值分开打印，log4jdbc则会记录数据库执行的完整SQL字符串，在数据库应用开发调试阶段非常有用。
log4jdbc具有以下特性：
支持JDBC3和JDBC4。
支持现有大部分JDBC驱动。
易于配置（在大部分情况下，只需要改变驱动类名并在jdbc url前加上”jdbc:log4“，设置好日志输出级别）。
能够自动把SQL变量值加到SQL输出日志中，改进易读性和方便调试。
能够快速标识出应用程序中执行比较慢的SQL语句。
能够生成S ...
log4j中提供了将日志记录到数据库中的输出器: org.apache.log4j.jdbc.JDBCAppender。通过以下配置即可生效
log4j.logger.dbLog=ERROR,dbLogAppender
log4j.appender.dbLogAppender=org.apache.log4j.jdbc.JDBCAppender
log4j.appender.dbLogAppender.URL=jdbc:mysql://localhos ...
1.将log4j配置打包在jar之外并调用的方法
默认情况下，log4j会自动加载classloader下的log4j.properties或 log4j.xml文件。所以一般没有特殊要求，只需要将默认文件名的配置文件置于src目录下（web程序还可以放在WEB-INF下面）。
对于单机程序，打包后配置文件会同class一起打到jar中，不利于通过修改配置来改变日志记录方式。
我们可以在项目中建立文件夹conf来放置配置文件，然后程序启动时采用以下方式来告诉log4j配置文件的路径
//------程序初始化阶段----
//读取配置
String curren ...
原文链接： http://developer.51cto.com/art/201009/225276.htm
摘要：随着我们对Web开发的深入了解，能够感觉到DOM是一个非常值得关注的点。为此，文章将详细的介绍HTML DOM和XML DOM之间微妙的区别及内在的联系。
本文内容的主题便是， ...
偶然在infoq上看到朋友的文章《dojo类机制简介》，闲来无事，根据文章所讲，做了个dojo类机制的模拟实现。
主要实现以下功能：
定义类、定义类静态变量、实现单继承和多继承、调用父类方法 以及工具类方法和属性（isInstanceOf方法和declaredClass）。
代码如下：
//dojo类机制模拟实现
//--------工具类-------------
//创建命名空间
function createNS(path){
if(!path)return null;
var r ;
if(typeof path == 'string' ...
【背景】
如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；
WEB前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个职业的人都是靠自己自学成才。自学成才，一条艰辛的坎坷路，我也是这样一路走来。从2002年开始接触WEB前端研发至今已然有了9个年头，如今再回首，期间的走了很多弯路。推已及人，如果能让那些后来者少 ...
今天对前端开发常见的乱码情况进行了汇总测试和分析，并做了下面这个总结表格。希望对遇到乱码问题的同志们有参考，欢迎大家一起讨论。
相关参考：
关于URL编码 http://www.ruanyifeng.com/blog/2010/02/url_encoding.html
深入浅出URL编码 http://www.cnblogs.com/yencain/articles/1321386.html
前端工程师的编码遭遇战前端工程师的编码遭遇战 http://ued.taobao.com/blog/201 ...
注：（scrollHeight、offsetHeight、clientHeight 同样可按本文去理解。）
这是一个很复杂的问题，让我们想像一下：
document.documentElement.scrollWidth
document.documentElement.offsetWidth
document.documentElement.clientWidth
document.body.scrollWidth
documen ...