摘要: 直接贴代码: /** * 迷你版的deferred */ function Deferred(func) { if (this instanceof Deferred === false) { return new Deferred(func) } var tuple = []; var promise = { resolve: function () { var t; while (t = tuple.shift()) { t.apply(null, arguments); } }, then: function (n) { return tuple.push(n), this; } } 阅读全文
posted @ 2014-09-14 13:28 breezefeng 阅读(383) 评论(0) 推荐(0) 编辑
摘要: 在实际项目中,经常由于浏览器自带的滚动条样式太戳,而且在各个浏览器中显示不一样,所以我们不得不去实现自定义的滚动条,今天我就用最少的代码实现了一个自定义滚动条,代码量区区只有几十行,使用起来也非常方便。 阅读全文
posted @ 2014-08-09 14:30 breezefeng 阅读(1609) 评论(1) 推荐(1) 编辑
摘要: javascript,css延迟加载器 阅读全文
posted @ 2014-06-14 20:13 breezefeng 阅读(1873) 评论(0) 推荐(0) 编辑
摘要: Element.firstChild ?,是的,这是第一种方法,当然,通常来说支持 W3C 规范的浏览器,如 Firefox 等取到的应该是 TEXT_NODE。很早之前,或者说现在最流行的方法可能是 阅读全文
posted @ 2014-05-26 14:06 breezefeng 阅读(11720) 评论(0) 推荐(0) 编辑
摘要: 我们早已习惯了使用大量的DIV来给页面布局,把具体的样式交给class属性来指配。但我们到底为什么非要用DIV不可呢?我觉得大堆的DIV堆砌是一种毫无语义的糟糕设计,在HTML自带的标签不够用时可以试试自定义标签,而且这可以有全浏览器兼容方案的。 阅读全文
posted @ 2014-05-25 09:16 breezefeng 阅读(2956) 评论(1) 推荐(1) 编辑
摘要: 随着不同终端(pad/mobile/pc)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本。为了提升开发效率,前后端分离的需求越来越被重视,后端负责业务/数据接口,前端负责展现/交互逻辑,同一份数据接口,我们可以定制开发多个版本。 这个话题最近被讨论得比较多,阿里有些BU也在进行一些尝试。讨论了很久之后,我们团队决定探索一套基于NodeJS的前后端分离方案,过程中有一些不断变化的认识以及思考,记录在这里,也希望看到的同学参与讨论,帮我们完善。 阅读全文
posted @ 2014-04-09 23:10 breezefeng 阅读(944) 评论(0) 推荐(0) 编辑
摘要: setTimeout和setInterval是两个很常见的计时函数。在以前,他们只接收两个参数,我们无法直接向他们的回调函数中添加参数,如果需要实现添加多个参数,可以在外层多嵌一层来实现类似的功能。现代浏览器对这两个函数支持更多参数,这些参数会在回调函数被调用时原原本本的的传回去。 阅读全文
posted @ 2014-03-07 10:46 breezefeng 阅读(1138) 评论(0) 推荐(0) 编辑
摘要: 使用纯原生javascript实现的jquery版本的ready函数 阅读全文
posted @ 2014-02-19 12:57 breezefeng 阅读(1366) 评论(0) 推荐(0) 编辑
摘要: 不知不觉,我已经在博客园写了一段时间的博客。最初的是得到朋友的鼓励,想写一个简单快速的Python教程。后来Python教程在豆瓣的Python小组得到许多人的支持,并且在博客园也渐渐有了更多的评论和关注,这一些都大大出乎我的意料。所以进一步写Python标准库,又由于标注库的需要写了Linux的基本概念…… 博客逐渐成为自己生活中重要的一部分。空闲的时间会琢磨如何去写下一篇,写好了又非常期待园友的关注和交流。我迷上了博客这种记录、表达和分享的方式。 阅读全文
posted @ 2014-02-18 14:24 breezefeng 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 常常会碰到这样的场景,需要加强对键盘的支持,比如搜索提示支持键盘导航,以及数据列表支持pagedown等翻页, 而这些数据的容器常常都是div,为了效率考虑,我们一般不在document上监控键盘,而直接在容器div上监控: 阅读全文
posted @ 2014-02-10 15:20 breezefeng 阅读(571) 评论(1) 推荐(1) 编辑
摘要: CSS初学感觉很简单,但随着学习的深入才感觉CSS的水由多深,平常总会遇到各种坑,先总结一些经常遇到的坑 阅读全文
posted @ 2014-01-17 09:35 breezefeng 阅读(310) 评论(0) 推荐(0) 编辑
摘要: 在工作当中我们经常碰到类似于"固定高度文字垂直居中及未知高度垂直居中问题",或者 "图片垂直居中问题",而我们最容易会想到使用表格来垂直居中,或者如果是单行文字的话使用height(高度)和line-height(行高)来解决,但是假如页面有多行文字的话 固定高度该怎么解决? 或者未知高度我们该用css怎么解决? 且兼容各个游览器! 阅读全文
posted @ 2013-12-03 15:20 breezefeng 阅读(1252) 评论(0) 推荐(0) 编辑
摘要: 知道LABJS这个概念其实早于sea.js,但因为sea.js是中文,并且第一眼就喜欢上sea.js的CommonJS所以并没有深入了解过LABJS。 在使用sea.js的时候不可避免的碰到js文件依赖问题,这时候才想起不到5k的LABJS来,看过手册之后俺不禁怀疑“有必要sea.js和labjs一起使用么”,或许俺等到sea.js可以支持文件加载顺序之后再回到sea.js的怀抱?除了看起来美观和支持css外,没看到sea.js有什么更大的优势,原有项目迁移到labjs上比迁移到sea.js上成本要小很多,而且labjs比sea.js小了近一半… 阅读全文
posted @ 2013-12-01 14:20 breezefeng 阅读(2814) 评论(0) 推荐(1) 编辑
摘要: 对于正则表达式,相信很多人都知道,但是很多人的第一感觉就是难学,因为看第一眼时,觉得完全没有规律可寻,而且全是一堆各种各样的特殊符号,完全不知所云。 其实只是对正则不了解而以,了解了你就会发现,原来就这样啊正则所用的相关字符其实不多,也不难记,更不难懂,唯一难的就是组合起来之后,可读性比较差,而且不容易理解,本文旨在让大家对正则有一个基本的了解,能看得懂简单的正则表达式,写得出简单的正则表达式,用以满足日常开发中的需求即可。 0\d{2}-\d{8}|0\d{3}-\d{7} 先来一段正则,如果你对正则不了解,是不是完全不知道这一串字符是什么意思?这不要紧文章会详细解释每个字符的含义的。 阅读全文
posted @ 2013-11-28 13:36 breezefeng 阅读(401) 评论(0) 推荐(0) 编辑
摘要: Dean Edwards大神写的addEvent库 阅读全文
posted @ 2013-11-27 09:35 breezefeng 阅读(524) 评论(0) 推荐(0) 编辑