
JavaScript
文章平均质量分 75
PunCha
这个作者很懒,什么都没留下…
展开
-
JavaScript 学习之 instanceOf, typeOf 运算符
JavaScript的类型,分成原生类型和对象。其中,null, undefined, boolean(true, false), number, string是原生类型,而其他的都是对象(包括数组、类、函数)。而instanceOf是一个二元操作符,左侧是一个对象,右侧是对象的类型。所以把原生类型放在左右侧都是不合适的,instanceOf会返回false。如下的例子帮助理解:原创 2012-11-22 16:13:24 · 782 阅读 · 0 评论 -
jQuery UI 控件之Slider
项目需要,页面上增加了2个slider控件用于设置range和limit,用的是jQuery UI官方的Slider:但是我没有直接使用他的代码,因为我觉得写的不是很好,所以我自己写了一下,没想到出现了一些问题,就是在鼠标拖拽的过程中,数值更新不正常:function updateDateRange(event, ui) { var slider = event.tar原创 2013-07-19 12:04:18 · 2353 阅读 · 0 评论 -
jQueryUI Plugin TableSorter的2个widget扩展
因为项目需要对Table进行汇总以及定义列的显示隐藏,所以需要对jQueryUI的TableSorter进行扩展,下面2个插件是我写的,第一个是用显示/隐藏列(右键点击列头会出现右键菜单)。第二个是对数据进行汇总,再table footer处会显示汇总列)Widget的代码:; (function ($) { "use strict"; function getC原创 2013-08-22 11:24:26 · 2291 阅读 · 1 评论 -
JavaScript学习之: MooTools 1.4.5 源码阅读
No 废话. Start!/*---MooTools: the javascript frameworkweb build: - http://mootools.net/core/dce97d7a88c57a1b0474a9a90f0687e1packager build: - packager build Core/Core Core/Array Core/Strin原创 2012-12-24 00:02:15 · 3203 阅读 · 0 评论 -
Nodejs之require加载机制(模块可以污染全局空间)
以前就觉得Nodejs的MooTools库很奇怪,因为用他的时候,不需要把require的返回值保存起来,今天实在憋不住,就研究了下,对NodeJs的require机制又有了几分深刻的理解。MooTools库的“奇怪”用法:require('mootools'); var QueryCommand = new Class({ initialize: funct原创 2013-09-06 17:33:28 · 28413 阅读 · 4 评论 -
Javascript 严格模式详解 (主要是function的this指针可以为空了!)
这篇文章是转载的,作者在原文下面放了个图片,说转载需要收费,而且可以打开一个支付宝的页面,收取0.99元转载费,好玩,我一起贴过来了,哈哈!From: http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mode.htmlJavascript 严格模式详解作转载 2013-09-06 18:28:19 · 2943 阅读 · 0 评论 -
我用 TypeScript 语言的七个月
我用 TypeScript 语言的七个月2013-7-19 09:28| 发布者: linux| 查看数: 425| 评论数: 1|赞0摘要: 从 2012 年 12 月开始,我用 TypeScript 作为主要语言,用于一个大规模的企业项目。项目下个月要发布了,我想分享一些细节内容,包括我们团队怎么使用 TypeScript 的,还有成就项目的工作流程。转载 2013-09-30 23:13:06 · 2264 阅读 · 1 评论 -
CoffeeScript 陷阱
这里记录CoffeeScript在使用过程碰到的种种陷阱,不定期更新~如果你为派生类写了构造函数,记得在要要显式的调用基类的构造函数:这个和高级语言不同,一定要注意。=>用起来注意层次问题,第一次使用=>,=>内部的this指向是最父层的this对象,而有多层的=>时候,=>内部的this一般是函数顶级的this对象。所以,有多级=>时,有必要看看生成的js代码来确定this是否正确。原创 2013-12-02 10:47:36 · 938 阅读 · 0 评论 -
Ajax请求永远是304的解决方案
我之前写了一个NavigationService,用来做页面的Ajax导航,但是今天发现一个问题,在IE下面,发现Ajax的请求不会真正的被发送到服务器端,在IE里面,返回的永远是304。这个应该是IE的设计问题:查了一下,发现这个博文里面提到了问题的本质:http://blog.sina.com.cn/s/blog_4b7809800100y1c3.html。“因为ajax请求的时候如果使用ge原创 2014-01-07 16:50:40 · 12439 阅读 · 0 评论 -
使用 Karma 和 Jasmine 测试 AngularJs
PunCha注:其实很简单,就是安装Karma和一些依赖项。然后呢,写一个Karma.config.js,用Karam命令行工具运行就可以了。附上别人写的教程:http://blog.fens.me/nodejs-karma-jasmine/Karma和Jasmine自动化单元测试从零开始nodejs系列文章,将介绍如何利Javascript做为服务端脚本,通过No转载 2014-01-19 19:57:07 · 8037 阅读 · 0 评论 -
AngularJs 与 jQuery.ajax 互操作
案例是这样的,前台有一个按钮,点击之后,发送一个Ajax请求,后台会返回一个AngularJS的子页面,前台显示。其中,显而易见的问题就是:1) 这个操作是发生在AngularJs世界之外的,所以需要通过$apply通知Angular。2) 返回的是HTML,默认情况下,Angular是不会对其进行HTML-Controller-Scope的绑定,所以需要$compile一下。下面就是原创 2014-01-20 17:06:57 · 6283 阅读 · 0 评论 -
AngularJS中serivce,factory,provider的区别
From: http://blog.youkuaiyun.com/spy19881201/article/details/17070855AngularJS实现注入服务的方法有5种方式:decoratorconstant valueservicefactoryprovider其中provider是一切方法的基础,有点类似于XMLHttpOb转载 2014-03-29 14:33:15 · 6504 阅读 · 2 评论 -
AngularJS: Service v. Factory
From: http://www.tuicool.com/articles/zumyQvIn various AngularJS tutorials and documentation, the authors choose to useservice or factory but don't explain why you would use one or the other.转载 2014-03-29 14:30:54 · 1597 阅读 · 0 评论 -
强大的async.auto!
以前在阅读Async JavaScript Build More Responsive Apps with Less Code一书的时候,认识了Async库!开始的时候,没有体会async的魅力,直到最近用NodeJs写网站的时候,才发现,如果不用async,写出来的代码简直没法看。所以在中后期,我大量使用了Parallel和waterfull,但是写出来的代码仍旧比较凌乱,最近才发现async的原创 2013-07-03 18:11:17 · 14284 阅读 · 4 评论 -
jQuery设置光标停留位置在文本最后(或在具体的位置)的办法
From: http://www.henshiyong.com/archives/427.html遇到一个问题:表单输入框设置了文字,然后使用jQuery的焦点停留设置办法focus()进行处理。结果发现光标位置在firefox下停留的位置不对——停留在文字的最前边!只有IE浏览器下是正常的。这样的话肯定是不行的,于是想办法进行处理。终于找到了一些解决办法,效果如下(点转载 2013-06-05 09:52:42 · 11974 阅读 · 0 评论 -
Node.js实践
最近看完了《Node.js开发指南》一书,有两个比较惭愧的地方:1)这本书是一名清华大学大二的学生写的。2)我看的是电子书。。。这本书总体来说,还是不错的,一看就懂,绝对能帮你入门。知识点覆盖蛮全的。当然这不是一本“揭秘“类丛书,所以没有很深入的研究。当然,node.js也不需要深入,谁都不知道他能活多久。当开始尝试实践里面的例子的时候,遇到了不小的麻烦,首先是express库已经从2原创 2012-12-11 21:46:40 · 2761 阅读 · 1 评论 -
EJS References
今天在照着教程写代码的时候,发现在express组件里面使用partial()会有编译错误,网上一查,原来新版的ejs已经不支持partial了,取而代之的是include关键词。而且ejs的文档还不好找,找了半天才找到“官方”的,好简单。。https://github.com/visionmedia/ejs#includes另外,有一些关于移植express 2.0转载 2012-12-09 20:23:52 · 2705 阅读 · 0 评论 -
HTML5之Worker
今天尝试了下HTML5的Worker,还蛮简单的,有几点要注意:1)message事件的信息是储存在event.data里面的,可以任何类型,字符串啊,对象啊2)worker里面是不能执行alert或者console.log的。3)Firebug和IE9都无法调试worker,很无奈,不过最新的IE10可能可以。下面是代码,这个程序会让calc.js的worker异步的执行表达式求原创 2012-12-15 15:46:57 · 856 阅读 · 0 评论 -
RabbitMQ学习之:(十二)在Node.js环境下使用RabbitMQ
学,以致用。找了半天Node.js下RabbitMQ的库,看上去都不太趁手,直到最后找到了amqp库,看上去倒还不错,照着例子,写了第一个RabbitMQ的客户端。首先,使用 npm install amqp --save 来安装node-amqp库,虽然他推荐使用全局安装,但是不去管它!以下是客户端代码:var ampq = require('amqp');va原创 2012-12-30 00:50:55 · 17212 阅读 · 0 评论 -
JavaScript学习之:Slice无参调用可以将对象转化成数组
这个是研究MT的Array.From函数发现的问题://无参数对类数组对象调用Slice会将其转换成数组: kkk = [ 'prop0','prop1','prop2','prop3' ];var testObj = { 0: 'prop0', 1: "prop1", 2: "prop2", 3: "prop3",原创 2012-12-22 16:11:47 · 4463 阅读 · 0 评论 -
JavaScript 学习之原型与函数
1. 首先,所有对象都是通过构造函数产生的。所以任何对象的.constructor属性,指向其构造函数。2. 只有函数才有prototype属性,用来定义,以它为构造函数所构造出来的对象,具有prototype所定义的一切属性和方法。3. 函数的.prototype定义的所有属性和方法,和该函数本身无关,只和使用该函数构造出来的对象有关。4. 每个对象的__proto__属性,表明了该原创 2012-12-22 13:55:04 · 788 阅读 · 0 评论 -
nodejs下function,new function和this的研究
转:http://www.html5china.com/html5-article-3023-1.html重点我都高亮了!由于在使用nodejs之前接触js也比较少,最近一直被js的function和new function所困惑,由于两者都可以呈现出面向对象的样子,不知道两者的差别在哪里,就此问题做了一些研究。在研究的过程中发现this指针是个麻烦事,这在js前端使用的时转载 2012-12-22 14:29:57 · 2579 阅读 · 4 评论 -
window.location
from: http://baike.baidu.com/view/2131711.htmwindow.locationwindow.location方法获取URL统一资源定位符 (Uniform Resource Locator, URL)完整的URL由这几个部分构成:scheme://host:port/path?query#fragmentscheme转载 2013-04-24 11:34:43 · 888 阅读 · 0 评论 -
Nodejs, MemCacheD 在实际项目中的使用
今天试着把MemCacheD集成到Nodejs的项目,总的来说还是比较顺利的。我先尝试了最近刚更新的Cacher库,作者的想法非常好,以express中间件的形式,Cache所有的HTTP 请求,但是实际用下来,发现错误率比较多。粗略看了下,作者的源代码,应该是提供了一个自定义的res.write函数,截获了next rounter生成的response内容,然后把body, head原创 2013-04-25 16:39:21 · 8009 阅读 · 0 评论 -
jQuery解析AJAX返回的html数据时碰到的问题与解决
今天做项目的时候,碰到一个问题。具体情况是,我需要使用AJAX动态的获取某个HTML页面的内容(注意,获取的不是HTML片(snip),而是真正的页面,有, 的这种。我想的很简单,获得之后,用jQuery解析一下,取出我要的部分,然后放到页面的某个元素里面。但是,实际情况是,jQuery怎么也解析不了返回的HTML页面。代码如下:$(document).ready(function (原创 2013-05-09 17:10:12 · 9411 阅读 · 1 评论 -
jqPlot 实际应用2例: 自定义渲染X坐标轴、另存为图片
近期,在项目里需要使用图表插件,所以在网上找了个jQuery的插件,jqplot,用下来,感觉非常的强大!可以显示折线图,趋势图,柱状图,饼图。官方文档也很详细,但是实际使用中,发现了2个问题,这两个问题都很好解决,只不过官方没有文档记录,所以我就用博客备忘下。一、自定义X坐标轴渲染:我的项目纵坐标是普通数据,横坐标是周数(即,第一周,第二周),周数太少的情况下(比如4周),jqP原创 2013-05-27 11:37:48 · 10198 阅读 · 2 评论